a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: caret;
}
/*------ template stylization ------*/
body {
    font-family: 'Raleway', sans-serif;
    line-height:24px;
}

a{color:#005350;}
a:hover{color:#757575; text-decoration:underline}

/*---------------row_s----------------*/
.row_0 {
    padding: 44px 0 20px;
    background: #FFF;
}
.row_1 {
    padding: 44px 0 20px;
    background: #FFF;
}
.row_2 {
    padding: 17px 0 20px;
    background: #FFF;
}
.row_3 {
    padding: 88px 0 86px;
    background: #FFF;
}
.row_4 {
    padding: 48px 0 36px;
    background: #FFF;
}
.row_5 {
    padding: 48px 0 36px;
    background: #FFF;
}
.row_6 {
    padding: 49px 0 50px;
    background: #FFF;
}
.row_7 {
    padding: 82px 0 86px;
    background: #FFF;
}
.row_8 {
    padding: 49px 0 53px;
    background: #FFF;
}
.row_9 {
    padding: 56px 0 74px;
    background: #FFF;
}
.row_10 {
    padding: 50px 0;
    background: #FFF;
}
.padbot1 {
    padding-bottom: 3px;
}
.padbot2 {
    padding-bottom: 26px;
}
.padbot3 {
    padding-bottom: 32px;
}
.padbot4 {
    padding-bottom: 27px;
}
.padbot5 {
    padding-bottom: 25px;
}
.padbot6 {
    padding-bottom: 28px;
}
.m_bot1 {
    margin-bottom: 31px;
}
/*---------------headings links------------------*/
p {
    
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
h1{
    font-size:40px; 
    padding:0px 0 4px 0; 
    margin:0px; 
    color:#fff; 
    font-family: "Raleway"; 
    font-weight:800; 
    text-transform:uppercase;
    line-height:45px;
    letter-spacing:4px;
}

h2 {
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 25px;
    line-height: 34px;
    font-weight: 400;
    color: #005350;
    margin: 0;
    padding: 0px ;
    
}
h2 span {
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 34px;
    font-weight: 400;
    color: #005350;
    display: inline-block;
    margin: 0;
    border-bottom:1px solid #005350;
}
h3 {
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 28px;
    font-weight: 200;
    color: #005350;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
h4 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #004237;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
}
h5 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height:0px;
    font-weight: 400 !important;
    color: #004237;
    padding: 0;
    margin: 0;
}




.navbar-brand_ {
    float: left;
    display: block;
    position: relative;
    margin: 0;
    text-align: center;
    padding: 0;
     margin: 20px 0;
    
    width:100%
}
.navbar-brand_ img {
    max-width: 100%;
}
.navbar-brand_a:hover {
    text-decoration: none;
}
/*-----------------navbar---------------------*/
.menuheader {
    float: left;
    position: relative;
}
.tm_navbar {
    position: relative;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    text-transform:uppercase;
}
.tm_navbar .nav {
    float: none;
    position: relative;
    border-left: 1px solid #006e6c;
}
.tm_navbar ul {
    position: relative;
    padding: 0;
    margin: 0;
    background: none;
    list-style: none;
}
.tm_navbar .nav li:first-child {
    position: relative;
    padding: 0;
    background: none;
    zoom: 1;
}
.tm_navbar .nav li:first-child a {
}
.tm_navbar .nav li {
    float: left;
    padding: 0px;
    position: relative;
    zoom: 1;
    background: url(../img/linemenu.jpg) left top repeat-y;
}
.tm_navbar .nav li a {
    text-align: center;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 0px;
    font-weight: 300;
    color: #FFF;
    border: none;
    border-radius: 0;
    border-right:1px solid #006e6c;
    padding: 20px 24px;
    
    text-shadow: none;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.tm_navbar .nav > li > a .sf-sub-indicator {
    background: url(../img/indicator.png) no-repeat 0 bottom;
    width: 7px;
    height: 5px;
    display: none;
    top: 55px;
    right: 48%;
    position: absolute;
    z-index: 5;
}
.tm_navbar .nav li a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
    color: #ffffff;
    
    background-repeat: repeat-x;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
}
.tm_navbar .nav > .active > a, .tm_navbar .nav > .active > a:hover, .tm_navbar .nav > .active > a:focus {
    color: #ffffff;
    
    background: transparent;
}
.tm_navbar .nav > li.sfHover.active > a .sf-sub-indicator, .tm_navbar .nav > li.active > a .sf-sub-indicator {
    color: #ffffff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.tm_navbar .nav > li.sfHover > a, .tm_navbar .nav > li.sfHover > a:hover, .tm_navbar .nav > li > a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
    color: #005350;
    background-image:none;
    background-color:#fff;
    background-repeat: repeat-x;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-shadow: none;
}
/*---------submenu1-------------*/
.tm_navbar .nav ul {
        background-color: #005350;
        display: none;
        left: 0px;
        list-style: outside none none;
        margin: 0;
        padding: 0px 0;
        position: absolute;
        text-align: left;
        top: 46px;
        
        z-index: 11;
        box-shadow: 0px 2px 20px #888888;
}
.tm_navbar .nav ul li:first-child {
    
}
.tm_navbar .nav ul li:first-child img {
    
}
.tm_navbar .nav ul li:first-child a {
    
}
.tm_navbar .nav ul li {
    text-align:left;
    
    width:auto;
}
.tm_navbar .nav ul li a {
    border:none;
    border-top:1px solid #006e6c;
    border-radius: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 100;
    line-height: 0;
    padding: 30px 36px;
    text-decoration: none;
    text-shadow: none;
    display:table-cell;
    width:100%;
    text-align:left;
    
    
}
.tm_navbar .nav ul li a:hover {
    background-color:#fff;
    color:#005350;
}

/*--------------------------*/
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul li.sfHover > a {
    text-decoration: none;
    color: #757575;
    background: transparent;
    background-color:#fff;
    color:#005350;
}
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul ul li.sfHover > a {
    text-decoration: none;
    color: #757575;
    background: transparent;
    background-color:#fff;
    color:#005350;
}
/*-----------submenu2-----------*/
.tm_navbar .nav ul ul {
    background: #fff  scroll center bottom;
    left: 203px;
    list-style: outside none none;
    padding: 13px 0;
    top: -10px;
    width: 230px;
}
.tm_navbar .nav ul ul li:first-child {
    width: 100%;
    text-align: left;
    padding: 0;
    position: relative;
    zoom: 1;
    border-top: none;
    z-index: 11;
    background: transparent;
    padding-left:20px;
}
.tm_navbar .nav ul ul li:first-child a {
    padding: 3px 0;
}
.tm_navbar .nav ul ul li {
    width: 100%;
    text-align: left;
    padding: 3px 0;
    padding-left:20px;
    position: relative;
    zoom: 1;
    z-index: 11;
    background: none;
    
}
.tm_navbar .nav ul ul li a {
    padding: 0;
    margin: 0;
    background: transparent;
    color: #383331;
    font-size:11px;
}
.tm_navbar .nav ul ul li a:hover {
    color: #757575;
    background: transparent;
}
/*-------indicator2-------*/
.tm_navbar .nav ul .sf-sub-indicator {
    background: url(../img/indicator2.png) no-repeat 0 0;
    width: 7px;
    height: 5px;
    position: absolute;
    display: none;
    top: 7px;
    left: auto;
    right: -14px;
    z-index: 5;
}
/*-------------------select------------------*/
.select-menu {
    display: none !important;
}
.tm_navbar .nav ul li.active a{background-color: #fff; color:#005350;}
/************** header end **************/
/************** content **************/



/************* header ***************/
header {
    background: #FFF;
}


/*-------- Logo -------- */

#logo{
    margin:23px auto 25px auto;
    width:261px
}

#teaserArea{
    height:600px;
    background-size:cover;
    background-position: top center;
}

#teaserArea ul{padding:0px; margin:20px 0 0 0;  width:300px;}
#teaserArea ul li{float:none;background-color:rgba(0,83,80,0.65); color:#fff; display:inline-block; list-style-type:none; font-size:22px; font-weight:200; padding:8px 15px; margin:0 0 10px 0;}
#teaserArea ul li a{background-color:#fff; color:rgba(0,83,80,1); font-size:16px; padding:9px 16px; letter-spacing:1px; margin-top:2px}
#teaserArea ul li.more{background:none; padding:0px;}

#teaserInner{margin:80px 0 0 130px;}

#headline{
    margin-bottom:40px;
}

#headlineLarge{
    margin-bottom:40px;
}

#headlineLarge h2{
    font-size:40px;
    line-height:44px;
    padding-bottom:3px;
    margin-bottom:40px;
    letter-spacing:3px;
}
#headlineLarge h2 span{
    font-size:40px; 
    line-height:44px;
    
}

#menubar{
    background-color:#005350; box-shadow: 0px 4px 20px #888888;
}


#contentArea{margin-top:80px; margin-bottom:50px;}
#contentArea p{font-weight:300; font-size:16px; letter-spacing:0.5px;}

.content-2-col-left{float:left; width:700px; margin-right:150px}
.content-2-col-right{float:left; width:320px}

#jahre{float:right; width:180px; margin-top:24px; }

#newsBox{background-color:#005350; padding:10px; width:100%; font-size:18px; font-weight:300; text-align:center; color:#fff}
#newsList {margin-top:30px; padding:0px 20px; font-size:16px;list-style-type:none;}
#newsList li{margin-bottom:15px; }


.blockLink{background-color:#005350; color:#fff; font-size:16px; padding:9px 16px; letter-spacing:1px;}
.blockLink:hover{background-color:#fff; color:#005350; }

.kompBox{font-weight:300; color:#005350; float:left; width:220px; margin-right:17px; display:inline; height:55px; border-right:1px solid #005350}
.kompBox a{color:#005350;}
.kompBox div{line-height: 18px;display: inline-block;margin-top:15px;}
.kompBox div.zz{margin-top:8px;}
.kompBox img{width:80px; float:left;}
.kompBox.last{border:none; margin-right:0px;}


.kompBar{height:180px; background-size:cover; float:left; width:100%}
.kompBarTitle{background-color:rgba(0,83,80,0.65); color:#fff; font-size:40px; font-weight:600; padding:20px 0px; letter-spacing:3px; margin-top:116px; }
.kompBarContent{background-color:#f2f2f2; padding:50px 0px; margin-bottom:60px;}
.col5050L{float:left; width:45%}
.col5050R{float:right; width:45%}
.col30{width:28%; margin-right:90px; float:left;}


.chartBox{border-top:1px solid black; margin-top:30px; padding-top:0px;}
.chartInnerL{width:60%; float:left}
.chartInnerL img{width:70%;}
.chartInnerR{width:30%; float:left}
.chartInner{margin:80px 0 40px 0 }
.chartInnerR ul{padding:0px; margin:0px; list-style-type:none;}
.chartInnerR ul li{ list-style-type:none; clear:left; margin-bottom:20px;   }
.chartCluster{display:block; width:25px; height:25px; float:left; margin-right:20px;    }

.col5050L strong{color:#005350;}
.col5050R strong{color:#005350;}

.logoBox{display:block; background-color:#fff; text-align:center;}
.logoBox img{margin:10px; width:90%;} 
.logoBox p{ background-color:#005350; color:#fff; width:100%; padding:5px; margin-bottom:0px; text-align:center}

#exe-search-bg{ background-image:url(../image/exe-search-bg.jpg); background-size:cover; background-position:center; padding:40px 0px; background-repeat:no-repeat;}

.exe-box{    background-color: rgba(0,83,80,0.65);
    color: #fff;
    width: 530px;
    height: 530px;
    padding: 40px;
    float: left;
    font-size:16px;
    letter-spacing: 0.5px;
    margin: 0 110px 60px 0px;}
.exe-box > .title{font-weight:bold; font-size:30px; margin-bottom:150px;}
.exe-box > .headline{ font-weight:400; font-size:24px; margin-bottom:10px;}

.exe-box2{background-color:rgba(0,83,80,0.65); font-size:16px; letter-spacing: 0.5px; color:#fff; width:530px; height:530px; padding:40px; float:left; margin: 0 0px 60px 0px;}
.exe-box2 > .title{font-weight:bold; font-size:30px; margin-bottom:150px;}
.exe-box2 > .headline{ font-weight:400; font-size:24px; margin-bottom:10px;}


.teamBox{border-top:1px solid black; padding:40px 0 40px 0; margin-top:50px;}
.teamBox h3{font-weight:400}
.teamBox img{width:350px; float:left; margin-right:70px;}
.teamBox div{margin-top:40px; float:left}
.socialBox{float:right !important;margin-top: 40px; margin-left:170px; }
.socialBox img{width:30px; margin-right:20px }


#bgGruen .container h3{font-weight:200;}
#bgGruen .container ul{margin-left:15px;padding-left:0px;}
#bgGruen .container ul li{margin:0 0 10px 0;}
#bgGruen .container ul li p{margin:0px;}
/************* content end **************/
/************** footer **************/
footer{background-color:#e5e5e5; font-weight:300; color:#004237;}
#footer-bar{background-color:#005350; color:#fff; padding:15px 0px; font-weight:300}
#footer-bar a {color:#fff; font-weight:300}
#footer-content{padding:50px 0px; font-size:12px; }
.footer-menu{float:left; list-style-type:none; margin-left:13px;}
.footer-menu li a{color:#005350}
.footer-menu-left{border-right:1px solid #005350; padding-right:50px;}
#footer-bar-content-left{float:left; display:block}
#footer-bar-content-right{float:right}
/************** footer end **************/



/*++++++++++++++++++++++++++++++ EDIT MP +++++++++++++++++++++++++*/

.tm_navbar .nav ul li ul li.active a{color:#55afab}
.last{margin-right:0px;}
    
.menu-leistungen{width:320px !important}
.menu-unternehmen{width:220px !important}

.navbar{min-height:inherit; !important}

#bgGruen{background-color:#e1eceb; padding:50px 0px;}
#bgGrau{background-color:#e5e5e5; padding:50px 0px; margin:20px 0 20px 0;}



/*-------------- media queries -------------------*/


/**********************BREAKER 1************************************/
@media (min-width: 1220px) {

#breaker{display:block;}
#breaker .br2,.br3,.br4,.br5,.br6{ display:none;}
#breaker .br1{ display:block;}


.tm_navbar .nav li:first-child a {
    
}
.tm_navbar .nav li a {
    width: auto;
}
.container {
    padding: 0;
}

.tm_navbar .nav li a {
    background-image: none;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 100;
    line-height: 0;
    padding: 23px 36px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    border-right:1px solid #006e6c
}


}
/****************************** BREAKER 2 ************************************************/
@media (min-width: 992px) and (max-width: 1219px) {
.chartInnerL img {
    width: 70%;
}

.menu-leistungen{width:240px !important}
.menu-unternehmen{width:170px !important}

#breaker{display:block;}
#breaker .br1,.br3,.br4,.br5,.br6{display:none;}
#breaker .br2{ display:block;}
.col-lg-4 > img{margin-bottom:40px;}
.col-lg-4 > a >img{margin-bottom:20px; margin-top:20px;}
.col30{width:28%; margin-right:50px; float:left;}

.tm_navbar .nav ul li a {    
    font-size: 13px;
    line-height: 0px;
    padding: 20px 31px;}


.tm_navbar .nav ul ul li a {
    font-size: 12px;   
}

    
.navbar {
    min-height: auto;   
}   

.tm_navbar .nav li:first-child a {
}   
    
.tm_navbar .nav ul {
    top: 40px;
}   


.content-2-col-left{width:500px;margin-right:100px; }
.content-2-col-right{width:320px}

.col30{width:28%; margin-right:30px; float:left;}

.footer-menu-left{border-right:none;}
.footer-menu-right{margin-top:30px;}

.footer-menu.first{margin-left:0px; padding-left:0px;}

}



/****************************BREAKER 3******************************/
@media (min-width: 768px) and (max-width: 991px) {



.navbar-brand_ {
    margin: 30px 0 30px 0;
    width:100%;
    float: none;
}

.sf-menu {
    display: none !important;
}
.select-menu {
    display: block !important;
    color: #ffffff;
    
    
    background: #015351 none repeat scroll 0 0 !important;
    border: 1px solid #fff;
    font-size: 18px;
    
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px;
}
.select-menu option {
    padding: 0;
}

#menubar{
    background:none; box-shadow: none;
}
.menu-leistungen{width:195px !important}
.menu-unternehmen{width:130px !important}

#breaker{display:block;}
#breaker .br1,.br2,.br4,.br5,.br6{ display:none;}
#breaker .br3{ display:block;}


.tm_navbar .nav li:first-child a {
    
}
.tm_navbar .nav li a {
    
}

.tm_navbar .nav li a {
    background-image: none;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 100;
    line-height: 0;
    padding: 21px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    border-right:1px solid #006e6c
}


.tm_navbar .nav ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    
    margin: 0;
    padding: 21px 15px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}

.tm_navbar .nav ul ul li a {
    font-size: 12px;
}

.tm_navbar .nav li:first-child a {
    padding: 21px 15px;
}


.navbar {
   
    min-height: auto;
   
}   

.tm_navbar .nav ul {
   
    top: 42px;

}


.content-2-col-left{width:470px;margin-right:50px; }
.content-2-col-right{width:200px}

#teaserArea{
    height:400px;
    background-size:cover;
}
#teaserInner{margin:40px 0 0 0px;}

.col30{width:28%; margin-right:35px; float:left;}

.footer-menu-left{border-right:none;}
.footer-menu-right{margin-top:30px;}

.footer-menu.first{margin-left:0px; padding-left:0px;}

#teaserArea ul{    width: 283px;}
#teaserArea ul li{font-size:16px; padding:5px 15px;}
#teaserArea ul li a{}
#teaserArea ul li.more{}

}



/*MOBILE START PAD*/ 
/************************* BREAKER 4*********************************/
@media (max-width: 767px) {
#header{text-align:center;}
#logo{margin-left:auto; margin-right:auto;}

#menubar{
    background:none; box-shadow: none;
}

#teaserArea{
    height:300px;
    background-size:cover;
    background-position:center;
}
#teaserInner{margin:160px auto}
h1{text-align:center;}
.content-2-col-left{width:100%}
.content-2-col-right{margin-top:50px; width:100%;}

.col5050L{float:none; width:100%}
.col5050R{float:none; width:100%}

.kompBarTitle{background-color:rgba(0,83,80,0.65); color:#fff; font-size:25px; font-weight:600; padding:20px 0px; letter-spacing:3px; margin-top:116px; }
.kompBox{border:none;  margin-bottom:20px;  }


#teaserArea ul{display:none;}
#breaker{display:block;}
#breaker .br1,.br2,.br3,.br5,.br6{ display:none;}
#breaker .br4{ display:block;}

.navbar-brand_ {
    margin: 30px 0 30px 0;
    width:100%;
    float: none;
}

.sf-menu {
    display: none !important;
}
.select-menu {
    display: block !important;
    color: #ffffff;
    
    
    background: #015351 none repeat scroll 0 0 !important;
    border: 1px solid #fff;
    font-size: 18px;
    
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px;
}
.select-menu option {
    padding: 0;
}


#standardMenu {
    float: left;
}

#teaserArea ul{}
#teaserArea ul li{font-size:16px;}
#teaserArea ul li a{}
#teaserArea ul li.more{}

.col30{width:100%; margin-right:0px; float:none;}

.exe-box{width:100%;}
.exe-box2{width:100%;}



.footer-menu-left{padding:0px; border:none !important;}
.footer-menu-right{padding:0px;}
.footer-menu{float:none; clear:left; margin-top:40px; margin-bottom:40px; margin-left:0px !important; padding-left:0px !important;}
#footer-content{text-align: center;}
#footer-bar{text-align:center;}
#footer-bar-content-left{float:none; text-align:center; display:inline; width:100%;}
#footer-bar-content-right{float:none; text-align:center; width:100%}

}
/************************ PHONE ** BREAKER 5********************************/
@media (max-width: 650px) {
.chartInnerL{width:100%; float:none}
.chartInnerL img{width:80%;}
.chartInnerR{width:100%; float:none; margin-top:40px}
#standardMenu {
    float: left;
}
#menubar{
    background:none; box-shadow: none;
}

.col1{margin-bottom:30px;}
.col2{margin-bottom:30px;}
.col3{margin-bottom:30px;}

h1 {
    font-size: 25px; 
}

h2 span {
    border-bottom: none;
}

#footer-content{text-align:center}

.footer-menu-left{border-right:none;}
.footer-menu-right{margin-top:30px;}

.footer-menu.first{margin-left:0px; padding-left:0px;}

.chartInnerL img {
    width: 100%;
}

#jahre{float:none; width:180px; margin:-15px auto 20px auto }

}
/**********************************************************/
@media (max-width: 550px) {
    
}
/**********************************************************/
@media (max-width: 480px) {

}
/**********************************************************/
@media (max-width: 460px) {


}
/**********************************************************/
@media (max-width: 440px) {


}
/*Core variables and mixins*/
img {
    max-width: 100%;
}
