.bg-white{ background-color:#fff;}
.bg-gray{ background-color:#EAEAEA; }
.bg-medium-gray { background-color: #ececec; }
.bg-blue{background: url('../img/bild-dsAgentFuer.jpg') no-repeat center center; background-size: cover; min-height:261px; max-width:100%;}
.bg-blue-height{height:261px;}
.bg-steel{background: url('../img/bild-bg-dunkel.jpg') no-repeat center center; background-size: cover; min-height:121px; max-width:100%;}
.bg-steel-height {height:121px;}
.bg-danger{background-color:#A94442; color:White; padding:10px 20px 10px 20px;}


.color-default{color:#333333; line-height:1.4em;}
.color-white {color:White; line-height:1.4em;}
.color-blue{color:#4d76b1;}
.color-blue-header{color:#4d76b1; font-weight:bold;}

.nav-black li a, .nav-black li a:hover {color:Black;}
a.link-black, a.link-black:hover {color:Black;}

ul.ok-icon-bullet { list-style:none; margin:0; padding:0;}
ul.ok-icon-bullet li { margin:0; padding:0; background:url('../img/ok_icon.png') no-repeat 0 0; padding-left:30px; min-height:25px; padding-bottom: 10px;}
ul.plus-icon-bullet { list-style:none; margin:0; padding:0;}
ul.plus-icon-bullet li { margin:0; padding:0; background:url('../img/icon-plus.jpg') no-repeat 0 0; padding-left:55px; min-height:44px; padding-bottom: -10px;}
ul.haken-icon-bullet { list-style:none; margin:0; padding:0;}
ul.haken-icon-bullet li { margin:0; padding:0; background:url('../img/icon-haken-gross.png') no-repeat 0 0; padding-left:55px; min-height:44px; padding-bottom: -10px;}

ul.bullet-inside { list-style:none; margin:0; padding:0;}
ul.bullet-inside li {padding-bottom: 7px;}
ul.bullet-inside li > img {padding-right:10px; position:relative; top: -2px;}

.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}

.mr5{margin-right:5px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt40{padding-top:40px;}

.pb0{padding-bottom:0px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}

.pl0{padding-left:0px;}
.pl10{padding-left:10px;}
.pl60{padding-left:60px;}

.pr0{padding-right:0px;}
.pr10{padding-right:10px;}
.pr60{padding-right:60px;}

.l-10{left:-10px;}
.t3{top:3px;}

.mh400{min-height:400px;}
.valign-center-parent{display:table; vertical-align:middle; padding-right:0px; padding-left:0px;}
.valign-center-child{display:table-cell; width:100%; vertical-align:middle;}
.valign-middle {float:none; display:inline-block;vertical-align:middle; margin-right: -4px;}
.valign-text-bottom {vertical-align:text-bottom;}
.img-responsive-center{margin: 0 auto;}

.w100pc{width:100%;}

.form-chklist label 
{
    font-weight: normal;
    margin-left: 10px;
    line-height: 22px;
    vertical-align: middle;
}
.form-chklist input[type=checkbox]
{
    line-height: 22px;
}

/*customization of carousel*/
.home-carousel .carousel-caption h1{font-family:Comfortaa;}
.home-carousel .carousel-indicators li {border-radius:0;-webkit-border-radius: 0;background-color: #fff;border: 1px solid #fff; height:20px; width:20px;}
.home-carousel .carousel-indicators .active{background-color: #4d76b1;border: 1px solid #4d76b1; height:20px; width:20px;}
.home-carousel .carousel-inner > .item  {height: 300px;}
.home-carousel .left.carousel-control, .right.carousel-control{background-image:none;color:#666;z-index:100;}

#footer{padding-bottom: 20px;}
a.nounderline, a.nounderline:hover{text-decoration: none}

/*customization of well class - add white space between background and border*/
.well:before {content: " "; position:absolute; z-index: -1; top: 5px; left: 20px; right: 20px; bottom: 25px; background-color: #f5f5f5;}

.dl-left-align dt {text-align:left;}
.table th.blue-header, .table td.blue-header{color:#4d76b1; font-weight:bold;}

/*customization of accordions*/
.panel-blue > .panel-heading, .panel-blue > .panel-heading h4{background-color:#4d76b1; color:White; font-weight:bold;}
.panel-gray > .panel-heading, .panel-gray > .panel-heading h4{color:#4d76b1; font-weight:bold;}

/*customization of forms*/
.form-horizontal .control-label{text-align:left;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
{
    background-color:transparent;
    border:3px solid #eee;    
    padding-top:12px;
    padding-bottom:12px;
}

.navbar-default .navbar-nav >li> a:hover { background-color:#eee;}

@media (min-width: 992px) 
{
  	.custom-navbar .navbar-nav > li > a {font-size:18px;}  	   
}
@media (min-width:768px)
{
	/*customization of carousel*/
	.home-carousel .carousel-caption{left:12%;top:5%;text-align:left;}
	
	.custom-navbar  .img-responsive {max-width:23%; position:absolute; bottom:12px; right:15px;}
	.custom-navbar .navbar-nav, .custom-navbar  .navbar-collapse{padding-left:0px;}
	.custom-navbar  .navbar-collapse{padding-top:15px;}		
	.pl5-nomobile {padding-left:5px;}	
	
	 /*banners*/    
    .border-banner {border-top:1px solid #4d76b1; }
    .banner h1 {font-family:Comfortaa;}
    .banner-about{background: url('../img/ueber_DS_AGENT_hero.jpg') no-repeat center center; background-size: cover; height:209px; max-width:100%;}
    .banner-about-height{height:209px;}
    .banner-demo{background: url('../img/dsagent-anfordern-hero.jpg') no-repeat center center; background-size: cover; height:210px; max-width:100%;}
    .banner-demo-height{height:210px;}
    .banner-hero{background: url('../img/kontakt-hero.jpg') no-repeat center center; background-size: cover; height:210px; max-width:100%;}
    .banner-hero-height{height:210px;}
    
    /*carousel*/
    .home-carousel .carousel-00 {background: url('../img/hero_motiv1.jpg') no-repeat center center; background-size: cover;}
    .home-carousel .carousel-01 {background: url('../img/hero_motiv2.jpg') no-repeat center center; background-size: cover;}
    .home-carousel .carousel-02 {background: url('../img/hero_motiv3.jpg') no-repeat center center; background-size: cover;}

}
@media (max-width:767px) { 
	/*customization of navbar for mobile*/
	.custom-navbar  .navbar-nav, .custom-navbar  .navbar-collapse{padding-left:5px; padding-right:0px;}		
	.custom-navbar  .padding-mobile-15, .padding-mobile-15 {padding-right:15px; padding-left:15px;}
	.custom-navbar .navbar-right { float: right; padding-right: 15px;}
	.custom-navbar .nav.navbar-nav.navbar-right li {float: right;}
	.custom-navbar .nav.navbar-nav.navbar-right li > a {padding:8px 5px;}
	.custom-navbar .navbar-toggle {float: left;border:none;}
	.custom-navbar .navbar-header {float: left;width: auto!important;}
	.custom-navbar .navbar-collapse {clear: both;float: none;}	
	.custom-navbar .navbar-right{margin: 0 0;padding-right:0px;}	
	.custom-navbar .navbar-toggle .icon-bar {background-color: #4d76b1;}
	.custom-navbar  .img-responsive {max-width:70%; position:relative; bottom:0px; right:0px;}	
	
	/*navbar in footer*/
	#footer .nav> li{display:inline-block;}
	
	/*customization of carousel*/
	.home-carousel .carousel-caption{bottom:15%;}
	.w100pc-mobile {width:100%;}
	.nopadding-mobile {padding-left:0px; padding-right:0px;}	
	
	  /*banners*/    
    .border-banner {border-top:1px solid #4d76b1; }
    .banner h1 {font-family:Comfortaa;}
    .banner-about{background: url('../img/sub_motiv_mob.jpg') no-repeat center center; background-size: cover; height:209px; max-width:100%;}
    .banner-about-height{height:209px;}
    .banner-demo{background: url('../img/sub_motiv_mob.jpg') no-repeat center center; background-size: cover; height:210px; max-width:100%;}
    .banner-demo-height{height:210px;}
    .banner-hero{background: url('../img/sub_motiv_mob.jpg') no-repeat center center; background-size: cover; height:210px; max-width:100%;}
    .banner-hero-height{height:210px;}	
    
    /*carousel*/
    .home-carousel .carousel-00 {background: url('../img/hero_motiv1_mob.jpg') no-repeat center center; background-size: cover;}
    .home-carousel .carousel-01 {background: url('../img/hero_motiv2_mob.jpg') no-repeat center center; background-size: cover;}
    .home-carousel .carousel-02 {background: url('../img/hero_motiv3_mob.jpg') no-repeat center center; background-size: cover;}
}

@media (min-height: 450px)
{
    .pre-scrollable { max-height: 440px; overflow-y: scroll;}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 440px;} 
}

@media (max-height:450px)
{
    .pre-scrollable { max-height: 300px; overflow-y: scroll;}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 300px; padding-bottom:30px;}    
}