@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");

body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size: 16px;line-height: 1.42857143;color: #333;}
a:hover, a:focus {color: #DD1C1C !important;text-decoration: underline;}

/****************************************************************************
Header
******************************************************************************/

h2.header-titel {}
header#oben h1.header-titel {font-size: 30px !important;margin-top: 60px;}


.header-titel span {display:none;} 
.oben {background-color:#ededed;color:#666;}
.oben .logo {margin-bottom: 10px;margin-top: 10px;}

.affix {top: 0;width: 100%;}
.affix + .top-50 {padding-top: 50px;}


.top-10 {padding-top:10px;}
/*.top-50 {padding-top: 50px;}*/
.top-25 {padding-top: 25px;}
.top-80 {padding-top: 80px;}
.t-50 {margin-top: 50px;}

/***************************************************************************************
Menu in Bkau
***************************************************************************************/
.navbar-default {z-index: 1000;}
/***************************************************************************************
Menu 
***************************************************************************************/
nav.navbar-default {background-color: #336699;border-color: #eeeeee;}
nav.navbar  {border-color: none ! important;-moz-box-shadow: 0 4px 2px -2px gray;-webkit-box-shadow: 0 4px 2px -2px gray;box-shadow: 0 4px 2px -2px gray;box-shadow: 0 4px 2px -2px gray;}
#custom-bootstrap-men.navbar-default .navbar-nav > li > a {color: #ffffff; font-size:18px;}
#custom-bootstrap-men.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ffffff !important;background-color: #E44949;}
#custom-bootstrap-men.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #ffffff;background-color: #E44949;}
#custom-bootstrap-men .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #ffffff;text-decoration: none;outline: 0;background-color: #E3595D;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #E44949;color: #ffffff;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color: #AF3636 !important;border-color: #337ab7;}

/*********** Icon toggle *****************/
#custom-bootstrap-men.navbar-default .navbar-toggle .icon-bar {background-color: #f5f5f5;}
#custom-bootstrap-men.navbar-default .navbar-toggle {border-color: #f5f5f5;border: 2px solid #f5f5f5;}
#custom-bootstrap-men.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #E44949;}
#custom-bootstrap-men.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#E44949 !important;}

nav.navbar.affix img {display: block ! important;}
nav.navbar.affix-top img {display: none ! important;}
.hideBrand{opacity: 0; transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;}
.zeigeBrand {visibility: visible;opacity: 1;transition: opacity 2s ease-in-out;-moz-transition: opacity 2s ease-in-out;-webkit-transition: opacity 2s ease-in-out;}
.navbar-brand {padding: 5px 0px 0px 10px !important;min-height: 50px;}
.navbar-brand > img {max-height: 40px ! important;height: 40px ! important;}
.mb-20 { display: block; margin-bottom: 20px;}
.dropdown-menu > .active > a:hover {color: #dddddd ! important;}
.dropdown-menu > li > span.Apunkt {background: none;color: #333333;margin-left: 20px;}
@media (max-width: 767px) {
    .oben{min-height:65px ! important;}	
    .oben img {display: block;margin-top: 0px !important;text-align: center;margin: 0 auto;margin-bottom: 0px;}	/*max-width: 350px;*/
    .affix + .oben {padding-top: 100px !important;}	
    .navbar-brand > img {display: none !important;max-height: 40px ! important;height: 40px ! important;}
    .header-text{display:none !important;}
    .header-titel{font-size:25px;}
    .img-thumbnail {margin:0px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff !important;font-weight: 500;}
    #custom-bootstrap-men.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #ffffff;background-color: #E44A4A;}
    .dropdown-menu > li > span.Apunkt {background: transparent;color: #ffffff;margin-left: 24px;font-weight: 600;font-size: 16px;}
}

@media (max-width: 768px)and(max-width: 991px) {
    /*.affix + .oben {padding-top: 60px !important;}*/
    /*.navbar-brand > img {display: block! important;max-height: 40px ! important;height: 40px ! important;}	
    .header-text{display:none !important;}*/
}
@media (max-width: 991px) {
    /*.affix + .oben{padding-top: 50px !important;}*/
    /*.header-text{display:none !important;}*/
    
}
@media (max-width: 480px) {
    .affix + .top-50 {padding-top: 50px !important;}
    h2, .h2 {font-size: 25px !important;}
    .well {min-height: 20px !important;padding: 0px !important;margin-bottom: 0px !important;}
}

@media (max-width: 360px) {
    .affix + .top-50 {padding-top: 55px !important;}
    h2, .h2 {font-size: 25px !important;}
    .well {min-height: 20px !important;padding: 0px !important;margin-bottom: 0px !important;}
}
@media ( max-width: 991px) {}
@media ( max-width: 1199px) and (min-width:992px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (max-width:1281px){}
.heading {position: relative;background: #EEEEEE;margin-bottom: 30px;}
.heading h2{padding-top: 20px;padding-bottom: 20px;color:#E44949;}
.heading.info {background-color: #D6EBFE;}
/***********************************************************************************
Karusell
**************************************************************************************/
.carousel-fade .carousel-inner .item {opacity: 0;transition: opacity 1s linear;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-caption {max-width: 220px;background:#68a4c4;opacity:0.8 ! important;border:0px solid;border-radius:5px;position: absolute;left: 70% ! important;right: 20px ! important;bottom: 20px;z-index: 10;padding-top: 0px;padding-bottom: 0px;color: #ffffff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption h2{color:#fff; z-index: 11; opacity:1; margin-top: 0px;margin-bottom: 0px;}
.toggleHeading {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;-moz-transition: none !important;}
.toggleCaption {animation-delay: 1.5s;-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;   -o-animation-delay: 1.5s;   -moz-transition: none !important;}

.scrollup {width: 40px;height: 40px;position: fixed;bottom:20px;right:20px;display: none;background-color: #E44949;padding: 2px 8px;border-radius: 5px;outline: 0 !important;outline-offset: 0px !important;-webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.92);-moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.92);box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.92);}

/***************************************************** footer **************************************************/
footer.section.bg-grey, .section.bg-grey{background-color: #336699;color: #fff;}
footer.section{padding:20px 0px 0px 0 ! important;}
.footer-c {border-bottom:none;}
.footer-s ul {text-align: right;}
.footer-s ul li a {color:#fff;}
@media (max-width: 480px) {
    .footer-c {text-align: center;border-bottom: 1px solid silver;padding-bottom: 20px;}
    .footer-s {text-align: center;}
    .footer-s ul {text-align: center;}
}
footer a {color:#999;}
footer h3 {margin-top: 0px;padding-bottom:10px;color:#ffffff;}
#sub-footer {text-shadow: none;color: #f5f5f5;padding: 0;padding-top: 10px;margin: 0px 0 0 0;}
#sub-footer {background: #4A4A4A;;}