/*----------------- Allgemeine Form/HTML/Body Formatierung ------------*/


/*HS Delux Exclusiv*/
h1 {
        /*word-break: normal;*/
}

h5 {
    font-size:15px;
}

.navbar-nav {
    font-family: CustomHeaderFont !important, Arial;
    font-size: large;
}

.dropdown-menu > li > a {
    font-size: larger;

}

.dropdown-menu hr {
    width:100%;
    float: left;
    height:2px;
    margin-top:10px;
    margin-bottom:10px;
    border-top: 1px solid #c8c8c8;

}

.verzeichnis_link {
    /*color: white !important;*/
}

.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555 !important;
    background-color: #FFFFFF !important;
    border-bottom-left-radius: 15px !important;
}

.verzeichnis_link_start {
    color: #FFFFFF;
    text-decoration: none;
    font-style:oblique;
}

#suchleiste_cont {
    margin-top:9px;

}

/* Menuepunkt Schornsteinfegerwelt */
.navbar-ssw {
    background:rgb(181,31,31);
    border-radius:6px;
    line-height:20px;
    display:block;
    float:left;
    color:#fff;
    padding:8px 12px;
    vertical-align:middle;
    margin:15px 10px 15px 0;
  }
    .navbar-ssw:hover {
        color:#fff;
        background:rgb(160,29,29);
    }
    .navbar-ssw:active, .navbar-ssw:focus {
    color:#fff;
    }


/*Mobile Navbar*/
@media (max-width: 767px) {

    .navbar-brand {
        clear:both!important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFFEFE;
        
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
        background-color: black;
    }
}

body {
    background-color: white;
}

a:link {
    text-decoration: none !important;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}



/*Die Suchleiste stylen*/
#suchLeiste {
    margin: 0 0 0 0;
    background-color: #313030;
    border-color: #000;
    -webkit-box-shadow: 0px 4px 7px -4px rgba(0,0,0,1);
    -moz-box-shadow: 0px 4px 7px -4px rgba(0,0,0,1);
    box-shadow: 0px 4px 7px -4px rgba(0,0,0,1);
    font-size: 14px;
}

 
.navbar-default .navbar-nav > li > a 
{
    color: #FFF;
    animation-name: hslogo-menue; 
    animation-duration: 0s;
    animation-iteration-count: 1;
    animation-delay: 0s; 
    animation-play-state: running;
}

@-webkit-keyframes hslogo-menue {
    0%  { transform: translateX(2000px)}
    /*30% { transform: translateX(220px)}*/
    /*65% { transform: translateX(580px)}*/
    /*100% { transform: translateX(900px)}*/
}

.navbar-default
.navbar-brand {
    color: #FFF;
}

.suchboxani{
animation-name: suchani; 
    animation-duration: 0s;
    animation-iteration-count: 1;
    animation-delay: 0s; 
    animation-play-state: running;
}

@-webkit-keyframes suchani {
    0%  { transform: translateY(-200px)}
    /*30% { transform: translateX(220px)}*/
    /*65% { transform: translateX(580px)}*/
    /*100% { transform: translateX(900px)}*/
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color: red!important;
}
                                                              
.etu .navbar-nav > li > a:hover, 
.etu  .navbar-nav > li > a:focus ,
.etu  .navbar-nav > li.dropdown > a:focus
{
    color: #337ab7!important;
}



.shadow {
  -webkit-box-shadow: 0px 9px 22px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 9px 22px -6px rgba(0,0,0,1);
  box-shadow: 0px 9px 22px -6px rgba(0,0,0,1);
}

/* logo */
#hslogo, .hslogo {
    background: transparent url('../images/design_21/hslogo.png') no-repeat;
    width: 156px;
    height: 61px;
    margin-top: -10px;
    margin-right: 10px;
    border:none!important;

    /*animation-name: hslogo-slidein; 
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 0s; 
    animation-play-state: running;*/
}

#hslogo.etu, .hslogo.etu  {
    background: transparent url('../images/design_21/logoETU.png') no-repeat;
}

#etulogoFooter {
    background: transparent url('../images/design_21/logoETU.png') no-repeat;
    width: 156px;
    height: 61px;
}

#hslogo.etu_nord, .hslogo.etu_nord  {
    background: transparent url('../images/design_21/logoETUNord.png') no-repeat;
    width: 167px;
    height: 61px;
    margin-top:-6px;
}

#etuNordlogoFooter  {
    background: transparent url('../images/design_21/logoETUNord.png') no-repeat;
    width: 167px;
    height: 61px;
}




#hslogo.hottscan  {
    background: transparent url('../images/design_21/logoHottscan.png') no-repeat;
    border:1px solid green;
}
#hottscanlogoFooter {
    background: transparent url('../images/design_21/logoHottscan.png') no-repeat;
    width: 156px;
    height: 61px;
}

/*@-webkit-keyframes hslogo-slidein {
    /*0%  { transform: translateX(-500px)}*/
    /*50% {transform : rotate(360deg); }
    65% { transform : scale(0.5);}
    /*100% { transform : translate3d(400px,0,0);}
}*/


.boxy.horizTranslate {
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  margin-left: 50% !important;
}


.rotate.triggeredCSS3    {transform : rotate(360deg); }
.scale.triggeredCSS3     {transform : scale(1.6); }
.translate.triggeredCSS3 {transform : translate3d(400px,0,0); }


#hslogoFooter {
    background-image: url('../images/design_21/hslogo.png');
    width: 156px;
    height: 61px;
}

/*Header Grafik*/
#headerContentContainerFluid{
    background-image: url('../images/design_21/xmas_Banner.jpg');
    /*height: 1220px;*/
    /*height: 100%;*/
    margin-top: 40px;
    background-color: #FFF;
    background-repeat: no-repeat;
}

.carousel .item {
      height: 400px;
    }

    .carousel img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 400px;
    }

@media (min-width: 960px) {

    .carousel .item {
      height: 700px;
      height: 550px;
    }

    .carousel img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 700px;
    }
}

.CarouselImage1, .CarouselImage2, .CarouselImage3, .CarouselImage4, .CarouselImage5, .CarouselImage6, .CarouselImage7,.CarouselImage8,.CarouselImage10, .CarouselAdmImage {
        /*height: 770px;*/
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
} 


.CarouselImage1{
    background-image: url('../images/design_21/banner_konzept_nt.jpg');
}



.CarouselImage2{
    /*background-image: url('../images/design_21/Banner01.jpg');*/
    /*background-image: url('../images/design_21/Banner_ish.jpg');*/
    /*background-image: url('../images/design_21/Banner_Messe_Construct_IT.jpg')*/
    background-image: url('../images/design_21/Projektwettbewerb_2018.jpg')
    
}


.CarouselImage3{
    background-image: url('../images/design_21/datenmodell_v2.jpg');
}

.CarouselImage4{
    /*background-image: url('../images/design_21/EB_Easy.jpg');*/
    /*background-image: url('../images/design_21/EB_Easy.jpg');*/
        /*background-image: url('../images/design_21/banner_lueftung_klima.jpg');
        background-image: url('../images/design_21/Banner_adm_april2017.jpg');*/
        /*background-image: url('../images/design_21/ADM_Mai_Banner.jpg');*/
        /*background-image: url('../images/design_21/AdM_GetSolar_Juni.jpg');*/
        /*background-image: url('../images/design_21/AdM_Juli_Kleine_Helfer.jpg');*/       
        /*background-image: url('../images/design_21/AdM_August.jpg');*/       
        /*background-image: url('../images/design_21/AdM_September.jpg');*/       
        /*background-image: url('../images/design_21/AdM_Oktober.jpg');*/      
        /*background-image: url('../images/design_21/banner_AdM_Januar_GetSolar.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Februar_Som_Waerm.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Maerz_Lueftung.jpg');*/      
        /*background-image: url('../images/design_21/AdM_April_EB.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Mai_2018.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Juni_Lueftung.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Juli_SummerSale2018.jpg');*/      
        /*background-image: url('../images/design_21/AdM_August_2018.jpg');*/      
        /*background-image: url('../images/design_21/AdM_September_2018.jpg');*/      
        /*background-image: url('../images/design_21/AdM_Oktober_2018.jpg');*/      
        /*background-image: url('../images/design_21/ADM_November_2018.jpg');*/      
       /* background-image: url('../images/design_21/angebotdesmonats_januar.jpg');*/      
        
        
        
}

.CarouselImage5{
    /*background-image: url('../images/design_21/EMBannerHomepage.jpg');*/
    /*background-image: url('../images/design_21/Weihnachten.jpg');*/
    /*background-image: url('../images/design_21/banner_erreichbarkeit.jpg');*/
    /*background-image: url('../images/design_21/karneval.jpg');*/
    /*background-image: url('../images/design_21/banner_oktoberfest.jpg');*/
    /*background-image: url('../images/design_21/banner_oktoberfest_ei.jpg');*/
    /*background-position: left;*/
    /*background-image: url('../images/design_21/Banner_X-Mas_2017.jpg');*/     
    /*background-image: url('../images/design_21/banner_Ostern_aktion_2018.jpg');*/     
    background-image: url('../images/design_21/Banner_Jobs_und_Karriere.jpg');     
    

    
}
.CarouselImage6{
    background-image: url('../images/design_21/banner_schornsteinfegerwelt.jpg');

}
.CarouselImage7{
    /*background-image: url('../images/design_21/Banner_Sommerforum.jpg');*/
    background-image: url('../images/design_21/banner_etuplaner.jpg');
}
.CarouselImage8{
    /*background-image: url('../images/design_21/Banner_Boxenstopp.jpg');*/
    background-image: url('../images/design_21/Banner_Roadshow_2019.jpg');
}

.CarouselImage9{
    background-image: url('../images/design_21/Banner_Datenmodell_eng.jpg');
}

.CarouselImage10{
    /*background-image: url('../images/design_21/banner_summer_sale.jpg');
     background-position: left;*/
    /*background-image: url('../images/design_21/WM2018.jpg');*/
    background-image: url('../images/design_21/etu-planer-umsteiger.jpg');
    /*background-image: url('../images/design_21/halloween2018.jpg');*/
}

.CarouselImage11{
    /*background-image: url('../images/design_21/AdM_Maerz_Kaufmann_Datenschutz_AtBanner.jpg');*/
    background-image: url('../images/design_21/AdM_November2018_ETU-Planer.jpg');
}


/* Timer Style  */

#timer {
     padding-left:22%;
  }

.timer_box {   
    max-height: 80px;
    min-width: 80px;
    min-width: 80px;
    min-height: 80px;
    display: inline-block;
    border-radius: 50%;
    text-decoration: none!important;
    /*margin: 20px 10px 10px 10px;*/
    font-weight: bold;
    margin-left:16px;
    text-decoration: none!important;
    border: 5px solid rgba(255, 255, 255, 1);   
}



/*.timer_box {
    max-height: 110px;
    min-width: 110px;
    min-width: 110px;
    min-height: 110px;
    display: inline-block;
    border-radius: 50%;
    text-decoration: none!important;
    border: 5px solid rgba(255, 255, 255, 1);
    background-color: rgba(0, 115, 199, 0.69);
    
    font-weight: bold;
}*/

.timer-content-grey {
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(51, 51, 51, 0.7);
    width: 100%;
    padding:10px;
    margin-top:65px;
    top:0;
    min-height:174px;   
    border-radius:15px;      
}

.timer-content-grey h2 {
    text-shadow: none;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:10px;
    color:#FFF;
    text-align:center;
}

  .timer-content-grey h1
    {
    text-align:center;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color: #FFF;
    }

.timer-content-grey p  {
    text-align: center;
    color:#FFF;
    margin-bottom:20px;
    padding-top:18px;
    line-height:2;
}       
        
        


.timer_box h1 {
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0px;
    color:#FFF;
    font-weight:700;
}

/*.timer_box_center
{
    padding-left:10%;
    padding-right:10%;
    
}*/

  
       
/* Timer Style Ende*/





.container_top {
    /*margin-top: 40px;*/
    background-color: #FFF;
    background-repeat: no-repeat;
}

.whitney {
    background-color: #FFF;
}


#ProductRow img {
    margin:auto;
}

.ProductCategorie_Ani{
    animation-name: ProductCategorie_Ani; 
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: 0s; 
    animation-play-state: running;
}

@-webkit-keyframes ProductCategorie_Ani {
    0%  { transform: translateX(2000px)}
    /*30% { transform: translateX(220px)}*/
    /*65% { transform: translateX(580px)}*/
    /*100% { transform: translateX(900px)}*/
}

.Teaser_cssStuff .img {
    vertical-align: baseline !important;
}

.Teaser_Ani{
    animation-name: Teaser_Ani; 
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: 0s; 
    animation-play-state: running;
}

#teaser_Panel {
display : none;
}


@-webkit-keyframes Teaser_Ani {
  /*  0%  { transform: translateX(4000px)}*/
    /*30% { transform: translateX(220px)}*/
    /*65% { transform: translateX(580px)}*/
    /*100% { transform: translateX(900px)}*/
}


.HeaderButtonImage1{
    background-image: url('../images/design_21/HeaderImages/schorn.jpg');
}

.HeaderButtonImage2{
    background-image: url('../images/design_21/HeaderImages/Apps_hover.jpg');
}

.HeaderButtonImage3{
    background-image: url('../images/design_22/HeaderImages/kaufmann.jpg');
}


.HeaderButtonImage4{
    background-image: url('../images/design_22/HeaderImages/apps.jpg');
}

.MargeIn {
    margin-top: -40px;
}

.PadIn {
    padding-top: 20px;
}

/* Allgemine funktionen, Border, Clears etc.*/
.rcorners1 {
    border-radius: 25px;
    border: 2px solid #fff;
    padding: 20px;
    width: 245px;
    background: #CACACA;
}

/* MARKETING Inhalte
-------------------------------------------------- */

.clearLine {
    clear: both;
}

.marketing .col-lg-3 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-3 p {
  margin-right: 10px;
  margin-left: 10px;
}


/*Footer*/

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	
	padding: 55px 50px;
	margin-top: 80px;

        font-family: CustomHeaderFont !important, Arial;
    font-size: large;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	        font-family: CustomHeaderFont !important, arial;
    font-size: large;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	/*font-size:14px;*/
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

    .footer-distributed {
        font: bold 14px arial;
    }

        .footer-distributed .footer-left,
        .footer-distributed .footer-center,
        .footer-distributed .footer-right {
            display: block;
            width: 100%;
            margin-bottom: 40px;
            text-align: center;
        }

            .footer-distributed .footer-center i {
                margin-left: 0;
            }



    /*animations*/
}

.LeftAdminPanel {
    width: 200px;
    position: absolute;
    left: -160px;
}

/*new*/
.content-block-one {
  padding: 30px;
  margin-bottom: 0px;
  color: inherit;
  background-color: #eee;
}
.content-block-one h1,
.content-block-one .h1 {
  color: inherit;
}
.content-block-one p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.content-block-one > hr {
  border-top-color: #d5d5d5;
}
.container .content-block-one {
  border-radius: 6px;
}
.content-block-one .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .content-block-one {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .content-block-one {
    padding-right: 60px;
    padding-left: 60px;
  }
  .content-block-one h1,
  .content-block-one .h1 {
    font-size: 63px;
  }

  
} 

  @media (max-width: 960px)
    {

 
   .btn-sample  {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
        }
}

@media (max-width: 1199px ) {
   .timer_box_center {
    padding-left:20%;
    padding-right:20%;
}
      #timer {
     padding-left:5%;
     padding-right: 5%;   
  }
    .time-content-grey
    {
        height:100px!important;
    }
}
.content-space-one {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url('../images/design_21/Schornsteinfegerwelt.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-two {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url('../images/design_21/Akademie.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.page-break {
    width: 50%;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
}

.HeaderPadding {
   padding-top:5px !important;
}

.HeaderBackendPadding {
   padding-top:55px !important;
}

/* Mulitlevelmenue */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
/*.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}*/
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/*.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}*/

.Percent30 {
    width: 30%;
}

.Percent70 {
    width: 70%;
}


.floatLeft {
    float:left;
}
.floatright {
    float:left;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.TableWrap {
    word-wrap: break-word;
}


/*Navbar Mobile Color Fix, da hier grau genommen wurde  #777 Todo */
.navbar-nav .open .dropdown-menu > li > a {
    /*color: white !important;*/ 
}

.teaserResponsive {
    /*padding-left: 28%;
    padding-bottom: 15px;
    width:120px;*/
}

.teaserResponsive img{

    width:120px;

}

#teaser_teaser_mitte_panel {
    min-height:145px;

}

.AkademieStyle {
    float:right;
    
}
.AkademieStyleFrame {
    height: 430px;
    width: 535px;
    border: none;
    font-size: 12px;
    padding: 10px;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-left: 13px;
}

/* Seminarliste auf der Startseite - ms */
#seminarWrap {
    padding: 30px;
    margin-bottom: 0px;
    color: inherit;
    background-color:#eee;
}

.training_entry {
    display:block;
    padding:10px 10px 15px 18px;
    padding:10px 10px 15px 0;
    /*border:1px solid #eee;
    background-color:#fff;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    transition:0.3s;*/
    background:transparent;
    border-bottom:1px solid #ccc;
}

.training_entry a {
    display:block;
    }

.training_title {
    font-size:16px;
    font-weight:bold;
    transition:0.3s;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.training_location, .training_date {
    color:#333;
}

.training_size {
    font-size:12px;
    display:block;
    margin-top:4px;
    width:100px;
    background-color:#5383d3;
    color:#fff;
    padding:4px 5px 5px 5px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    text-align:center;
    text-shadow:0px 1px 1px rgba(0,0,0,0.4);
}

.training_size.voll {
    background-color:#AF0303;
    background-color:#ccc;
}


.formTerminvereinbarung label.txtInputLabel {
    font-weight:normal;
    width:160px;
    text-align:left;
}
.inputWrap, .inputWrapChkBoxList {
    width:100%;
    margin-bottom:5px;
}

.inputWrapChkBoxList {
    margin-top:20px;
}

.formTerminvereinbarung input[type=checkbox] {
    padding-left:15px;
}

.inputWrapChkBoxList label {
   padding:0 15px 0 8px;
}

.formTerminvereinbarung input.form-control {

    display:inline-block;
    width:200px;
}

/* Allgemeine Formular Elemente */

input[type=text],input[type=password],input[type=date]{
    margin-bottom:4px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ccc;
    padding: 6px 12px;
}

#ContentPlaceHolder1_contactForm_ContactFormTable tr td:first-child {
    width:30%;
}

#ContentPlaceHolder1_contactForm_ContactFormTable tr td:first-child span{
    display:inline-block;
    margin-top:4px;
}

#ContentPlaceHolder1_contactForm_ContactFormTable input[type=checkbox] {
    margin-top:10px;
}

select {
    margin-bottom:4px;
    padding:6px 12px;
}

#titelBild {
    margin-top:4px;
    padding-bottom:2px;    

}

#titelBild a span, #titelBild, #titelBild a span.verzeichnis_link  {
    font-size:12px;
    font-style:normal;
    color:#ddd;   
}

    #titelBild a:hover span, #titelBild a:active span {
    color:#fff;
}

    /* Abstand fuer Produkte Feature Iconbilder wie tabellarisch, HOTTCAD, Datenaustausch */
table tr td img.img-responsive {
    padding:0 3px;
}

/* ueberlagertes Logo im energieCheck ausblenden */
.ec_logo > a img {
    display: none;
}

/* link Route berechnen linksbündig */

#route_berechnen_link {
   text-align:left!important;
}

font[size="2"] {
font-size:14px!important;
}

#TableLoginWrap{
text-align:left;
}

#flagLinkEnFooter img.img-responsive{
    padding-top:8px!important;  
    
}

    .nav > li > a {
    padding:15px 9px;
    }

@media (max-width: 1280px) {

    #suchContainer.container {
       /*width:100%!important;*/
    }

    #suchFeldInp {
    width: 70px!important;

    }
    .navbar-nav {
    font-size: 14px;
    }

    .nav > li > a {
    padding:10px 8px;
    }


    .navbar-ssw {
    border-radius:6px;
    line-height:16px;
    display:block;
    float:left;
    color:#fff;
    padding:4px 10px;
    vertical-align:middle;
    margin:18px 5px 12px 0;
    font-size:14px;
  }


}

@media (max-width: 980px) {

   .navbar-nav {
    font-size: 12px;
    }
   nav > li > a {
    padding:10px 2px;
   }
  .navbar-ssw {
    font-size:12px;
    margin:18px 2px 12px 0;
  }

}


#teaser_teaser_mitte_panel {

}


 #teaser_teaser_mitte_panel {
       margin: auto;
       text-align: center;
    }

.teaser_ueberschrift img{
    width:90px;
}


 /*.col-fixed {
    width:320px;
}
.col-min {
    min-width:320px;
}
.col-max {
    max-width:320px;
}*/

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:center;
    margin-right:-4px;
}

#teaser_teaser_mitte_panel .col-centered {
    margin-bottom:10px;
    vertical-align:top;
}

#teaser_teaser_mitte_panel span#teasertext {
padding-top:8px;
display:block;
}

	

@media (max-width: 992px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

.igtab_THContent {
    overflow-y:scroll!important;
}

.igtab_THContentHolder {

    height:650px!important;
}

.panel-hsk > .panel-heading {
  color: #fff;
  background-color: #0078bb;
  border-color: #0078bb;
}
            
.panel-etu > .panel-heading {
  color: #fff;
  background-color: #009aa3;
  border-color: #009aa3;
            
}
            
.panel-spvs > .panel-heading {
  color: #fff;
  background-color: #f8d601;
  border-color: #f8d601;
            
}

.panel-enna > .panel-heading {
  color: #fff;
  background-color: #f8d601;
  border-color: #f8d601;
            
}
.panel-klau > .panel-heading  {
  color: #fff;
  background-color: #e30513;
  border-color: #e30513;
            
}

#englishButton, #englishButtonMobile {
    background-image:url('../images/design_21/englishButton.png');
    height:40px;
    width:40px;
    background-size:contain;
    margin-top:3px;
    display:block;
}

.navbar #englishButton, .navbar #englishButtonMobile {
    background-image:url('../images/design_21/englishButton.png');
    height:20px;
    width:20px;
    background-size:contain;
    margin-top:12px;
    display:block;
}


#deButton, #deButtonMobile {
    background-image:url('../images/design_21/de.png');
    height:40px;
    width:40px;
    background-size:contain;
    margin-top:3px;
    display:block;
}

.navbar #deButton, .navbar #deButtonMobile {
    background-image:url('../images/design_21/de.png');
    height:20px;
    width:20px;
    background-size:contain;
    margin-top:12px;
    display:block;
}

#frenchButton, #frenchButtonMobile {
    background-image:url('../images/design_21/fr.png');
    height:40px;
    width:40px;
    background-size:contain;
    margin-top:3px;
    display:block;
}

.navbar #frenchButton, .navbar #frenchButtonMobile {
    background-image:url('../images/design_21/fr.png');
    height:20px;
    width:20px;
    background-size:contain;
    margin-top:12px;
    display:block;
}

#englishButtonMobileWrap, #deButtonMobileWrap, frenchButtonMobileWrap {
    margin-right:15px;

}

/* workaround for disappearing glyphicon icons*/
i.glyphicon>b {
display:none;
}

.marg_100Min {
margin-top: -165px!important;
}
/*Breakout-Container Landing-Page Heizlast*/
.banner-landing-neue-heizlast {
    background-image: url("/images/design_21/din-en-12831-1-neue-heizlast-header.png");
    height: 500px;
    background-position: top;
}

/* Christmas-Game 2016*/

.fehler
{
    display:block;
    opacity:0;
    background: transparent url('../images/design_21/actions/weihnacht/kreis.png');
    width: 50px;
    height: 50px;
    z-index: 1;
}
.wrap {
    position:relative;
    float:left;
    height:450px;
    width:550px;
}
dblWrap {
    position:relative;
    width:100%;
    height:460px;
    overflow:scroll;
}

.bild1, .bild2
{
    width:540px;
    cursor: pointer; 
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    z-index: 5;
    }
.bild2
{
    z-index: 10;
}
.Laterne
{
    position: absolute;
    top: 300px;
    left:   0; 
}
.Guertel
{
    position: absolute;
    top: 345px;
    left: 180px; 
}
.Fenster
{
    position: absolute;
    top: 100px;
    left: 120px; 
}
.Antenne
{
    position: absolute;
    top: 100px;
    left: 240px; 
}
.Uhr
{
    position: absolute;
    top: 145px;
    left: 320px; 
}
.Reh
{
    position: absolute;
    top: 20px;
    left: 390px; 
}
.Geschenk
{
    position: absolute;
    top: 310px;
    left: 340px; 
}
.Hose
{
    position: absolute;
    top: 410px;
    left: 490px; 
}
.alert.alert-success
{
    font-family: Arial;
    font-weight: bold;
}
.pdf
{
    color: black;
    font-weight:bold;
}
a:hover, a:focus 
{
    text-decoration: solid;
    color: black
}
.raetsel 
{
    font-weight: bold;
}

#videoWrap video {
    width: 120%;
    height:120%;
    position : absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


#videoWrap iframe {
    width: 120%;
    height:120%;
    position : absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#videoWrap:hover, #carousel-caption4  {
    cursor:pointer;
}

#carousel-caption4 {
    z-index:12!important;
}

#overlayClick {
    cursor:pointer;
    position:absolute;
    z-index:10000;
    background-color:transparent;
    width:100%;
    height:100%;

}

#nlThemenlist {
    padding-left:10px;
}

#nlThemenlist li {
    display: block;
    line-height:26px;
    margin-left:0;
    margin-bottom:3px;
    padding-left:10px;
    font-size:16px;
}

#nlThemenlist li:before {
content: "\e082";
    font-family: 'Glyphicons Halflings';
    font-size: 22px;
    float: left;
    margin-top: 0;
    margin-left: -17px;
    padding-right:10px;
    color:rgb(181, 31, 31);
}

    #nlThemenlist.checkHaken li:before {
        content: "\e084";
        font-family: 'Glyphicons Halflings';
        /*color:rgb(181, 31, 31);
        color:rgb(21, 199, 7);
        color:rgb(13, 182, 22)*/
        color:rgb(23, 157, 217);
    }

    .circledNumber{
    width: 26px;
    height: 26px;
    padding: 3px;

    background:#312f30;
    border-radius: 50%;
    border: 2px solid #666;
    border:0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    float:left;
    margin-right:8px;
    font-weight:bold;
}
.nlSteps {
    line-height: 9px;
}

/*drehendes icon bei nl formular*/
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@media screen and (min-width: 960px) {

    #myModal .modal-dialog{
    width:800px;
    }
}



#footer-summary p, #footer-summary h6 {
color:#92999f;
}
#footer-summary p {
    font-size:12px;
    line-height:14px;
}

#footer-summary p a:hover {
    color:#fff;

}


.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #ffffff;
}

#ue_ei {

    width:35px;
    height:35px;


   display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px;
}


#newsletterbox {
position:fixed;
width:100%;
      bottom:20px; 
left:0px;
      z-index:9999;
      display: none;
        background: #27282b;
        color: #ffffff;
        text-shadow: none;
        -webkit-box-shadow: 5px 3px 5px 5px rgba(0,0,0,0.31);
        -moz-box-shadow: 5px 3px 5px 5px rgba(0,0,0,0.31);
        box-shadow: 5px 3px 5px 5px rgba(0,0,0,0.31);
border-top:1px solid #000000;
}


/*rauchfangkehrerbanner */

#ContainerCarousel.rauchfangkehrerbanner .carousel .item.active {
    height:400px!important;
}

@media (max-width: 767px) {
     #ContainerCarousel.rauchfangkehrerbanner .carousel .item.active {
        height:300px!important;
    }   
}


/*neue Kehrbezirksliste*/


.gridview.kehrliste th, .gridview.kehrliste td {
    padding:15px;
    vertical-align:middle;
}


.gridview.kehrliste th {
    font-size:18px;
    border-bottom:2px solid #ccc;
}

.gridview.kehrliste td.important {
    font-weight:bold;
}

.gridview.kehrliste.table-striped > tbody > tr:nth-child(odd) > td {
    background-color:#eee;
}

.normalHeightLabel section.shortlist, .normalHeightLabel section {
    height:auto;
}

input-group-addon span.glyphicon b {
    display:none;
}

#messageBoxAllgemeinerHinweis {
    position:relative;
    z-index:10000;
    border-radius:0;
}

#WartungsmeldungHinweis,#VersionCheckHinweis {
    position:relative;
    z-index:10000;
    border-radius:0;
    width:100%;
}

.alert-Wartung {
    color: black;
    text-align: center;
    background-color: #fff3cd;
    border-color: #b54646;
}


    #xMasModal .modal-dialog {
        width:450px;
        margin:auto;
    }
 body.modal-open #xMasModal.in {
    display: flex !important;
    height: 100%;
} 


 /*etu umsteiger header start*/
 
 .Brush {
    font-family: 'Good Brush';
    color: #f5cd00;
    font-size: 5.5vw;
    letter-spacing: 0.02em;
}

.Brush2 {
    font-family: 'Good Brush';
    color: #FFF;
    font-size: 2.2vw;
    letter-spacing: 0.02em;

}

.Brush3 {
    font-family: 'Good Brush';
    color: #f5cd00;
    font-size: 40px;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 1px rgb(0, 0, 0);

}

#imgcontainer  {
    max-width: 210px;    
}

@media (max-width:766px) {
    #imgcontainer {
        max-height: 70%!important;
        margin-left:auto;
        margin-right:auto;
    }
    .Brush3 {
        font-size: 30px;
    } 
}
 
 
 
 /*etu umsteiger header ende*/ 




 /* login bzw INfoBox   */
 .navbar-login
{
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size
{
    font-size: 45px;
}


.containerBreakout {
    width: 100vw;
    left: calc((-1 * ((100vw - 100%) )/2) );
    position: relative;
    padding: 0;
}
.marg_20Min {
    margin-top:-21px;
}

.pnlKontaktCenter {
    margin:10px;
}

/* Footer Styles */
#FooterHsetu {
    background-color: #333!important;
    color: white;
    width:100%;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top:80px;
}
#FooterHsetu .footer-copyright {
    background-color: #333333;
    padding-top: 15px;
    padding-bottom: 3px;
    text-align: center;
}
#FooterHsetu .row {
    margin-bottom: 60px;
}
#FooterHsetu .navbar-brand {
    margin-top: 45px;
    height: 65px;
}
#FooterHsetu .footer-copyright p {
    color: #ccc;
}
#FooterHsetu ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}
#FooterHsetu h5 {
    font-size: 17px;
    color: #c1c1c1;
    /*    font-weight: bold;*/
    
    margin-top: 30px;
}
#FooterHsetu h2 a {
    font-size: 50px;
    text-align: center;
    color: #fff;
}
#FooterHsetu a {
    color: #FFF;
    text-decoration: none;
}
#FooterHsetu a:hover,
#FooterHsetu a:focus {
    text-decoration: none;
    color: #ef1a1a!important;
}
#FooterHsetu #aboutUs p {
        color:#92999f;
        font-size: 12px;
        line-height: 14px;
    }
#FooterHsetu .social-networks {
    padding-top: 30px;
    padding-bottom: 16px;
}
#FooterHsetu .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}
#FooterHsetu .social-networks a:hover {
    text-decoration: none;
}
#FooterHsetu a:hover {
    color: red;
}

@media(max-width:769px) {
    #hsetuFooter .social-networks a {
        font-size: 17px;
        color: #f9f9f9;
        padding: 10px;
        transition: 0.2s;
    }
}
#FooterHsetu .newsletter2 {
    border-color: #f8f9fa;
    display: inline-block;
    border: 1px solid;
    padding: .375rem .75rem;
    border-radius: .25rem;
    font-size: 17px;
}
#FooterHsetu .newsletter2:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    }

span.glyphicon b {
    display:none;
}

/* Footster Styles Ende */