@import 'https://fonts.googleapis.com/css?family=EB+Garamond';
.tm-logo img {
    width: 200px;
}

.tm-logo-small img {
    width: 150px;
}

.uk-nav-offcanvas > li > a {
    font-size: 1.15rem;
}

body {
    background: #8e9eab;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #8e9eab, #eef2f3);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #8e9eab, #eef2f3);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

em {
    color: #9e9e9e;
    font-size: .9rem;
}

.blockfooterlogo {
    width: 150px;
    display: block;
    margin-bottom: 10px;
}

.tm-navbar {
    border-bottom: 4px solid #41a62a;
    margin-bottom: 30px;
}

.tm-toolbar {
    background: #f5f5f5;
}

.uk-navbar-nav > li > a {
    font-size: 1.1rem;
}

h1 {
    font-family: 'EB Garamond', serif;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 10px;
    color: #003872;
}

.hometabteaser .uk-tab .uk-badge {
    display: none;
}

.uk-badge {
    color: #41a62a;
}

.hometabteaser .uk-tab h3 {
    color: #003872;
    font-size: 1.5rem;
}

.hometabteaser .uk-overlay-panel h5 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    color: #003872;
}

.hometabteaser h3 {
    position: relative;
        white-space: normal;
}
.hometabteaser span.tab-subtitle {
    /*position: absolute;*/
    left: 30px;
    right:30px;
    top: 47px;
    font-size: 0.9rem;
    color: #444;
    font-family: 'Lato', serif;
    line-height: 1.1rem;
        white-space: normal;
        display: inline-block;
        margin-top: 5px;
}

.uk-flex.uk-flex-item-1.uk-animation-fade .uk-flex-item-1.uk-position-relative{
    height: 100%;
}

@media (min-width: 1051px) {
    html .hometabteaser li a {
        padding-bottom: 20px !important;
    }
}
.hometabteaser li h3:after{
    display: none!important;
}

.de .hometabteaser li:nth-child(1) h3:after {
    content: 'Wir begleiten Sie.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.en .hometabteaser li:nth-child(1) h3:after {
    content: 'We accompany your complex project.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.de .hometabteaser li:nth-child(2) h3:after {
    content: 'Wir kümmern uns um die entsprechenden Fördermittel.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.en .hometabteaser li:nth-child(2) h3:after {
    content: 'You have a project idea?';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.de .hometabteaser li:nth-child(3) h3:after {
    content: 'Unsere Ingenieure unterstützen Sie mit Ihrem Know-How.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.en .hometabteaser li:nth-child(3) h3:after {
    content: 'We provide advice for all questions of investigation, evaluation and remediation.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.de .hometabteaser li:nth-child(4) h3:after {
    content: 'Gemeinsam mit allen Akteuren entwickeln wir die Strategie.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}

.en .hometabteaser li:nth-child(4) h3:after {
    content: 'Successful cluster management takes into account the interests of its members.';
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 1rem;
    color: #444;
    font-family: 'Lato', serif;
}


@media (min-width: 1051px) {
  html .hometabteaser li h3:after {
    font-size: 0.9rem !important;
    line-height: 1.2rem;
  }
  html .hometabteaser li a {
  padding-top: 20px !important;
  }

}


.uk-offcanvas-bar .uk-search {
    border: 1px solid #444;
}

.uk-badge {
    margin-bottom: 0;
}

.language-chooser img {
    width: 25px;
}

.uk-panel-box {
    background: none;
    background: #fff;
}

.tm-tabs-monday .uk-tab li.uk-active {
    background: #f5f5f5;
}

.uk-tab > li > a:after {
    background: #41a62a;
}

.uk-panel-box .uk-panel-title {
    text-transform: uppercase;
    color: #41a62a;
    font-family: 'Lato', serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}

.badgegreen {
    color: #41a62a;
}

.tm-sidebar-b i {
    font-size: 4rem;
    text-align: left;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.uk-button-primary {
    border-radius: 2px;
}

.uk-button-primary:hover {
    background: #41a62a;
}

h2 {
    color: #003872;
    font-size: 1.5rem;
    max-width: 42px;
    border-bottom: 2px solid #003872;
}

.uk-h2,
h3 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    line-height: 2rem;
    color: #003872;
}

.kompetenzfelder .uk-margin,
.kompetenzfelderausfuehrlich .uk-margin {
    margin-top: 5px;
}

.kompetenzfelder .uk-panel {
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 2px;
    background: #fafafa;
    position: relative;
    min-height: 230px;
}

.kompetenzfelderausfuehrlich .uk-panel h3 {
    display: none;
}

.kompetenzfelder .uk-button-primary {
    position: absolute;
    bottom: 15px;
}

.uk-dropdown {
    width: 250px;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a,
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
    color: #41a62a;
}

.tm-block-footer-bg {
    margin-top: 30px;
}

.tm-block-footer {
    font-size: .9rem !important;
}

.tm-block-padding-large {
    padding-top: 30px;
    padding-bottom: 30px;
}

#tm-footer {
    font-size: .9rem;
    background: #f5f5f5;
}

#projektsteuerung,
#projektfoerderung,
#technischedienstleistungen,
#clustermanagement {
    position: absolute;
    top: -40px;
}

.divider,
hr {
    display: block;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.anchorpoint h3 {
    margin-bottom: 5px;
}

.home .tm-sidebar-b .uk-panel-box {
    max-width: 250px;
    margin-left: 40px;
}

.uk-hidden-large1 {
    display: none;
}

.accordions {
    margin-top: 15px;
}

.accordions-head {
    background: #444 !important;
    border: none;
    border-radius: 2px;
}

.ui-accordion-header-active,
.accordions-head:hover {
    background: #41a62a !important;
}

.ui-accordion-header-active .accordion-icons,
.accordions-head:hover .accordion-icons {
    color: #fff !important;
}

.accordions-head-title {
    font-family: 'Lato' !important;
    font-size: 1rem;
}

.accordions a {
    color: #003872 !important;
}

.accordions a:hover {
    color: #41a62a !important;
}

.accordions .accordions-head-title {
    display: inline-block;
    padding-left: 25px;
}

.accordion-content,
.accordion-content p,
.accordion-content ul {
    font-family: 'Lato', serif !important;
    font-size: 1rem !important;
}

.accordion-icons {
    color: #9e9e9e !important;
    font-size: 1rem !important;
    position: absolute;
    left: 10px
}

.socialmediashare {
    margin-top: 10px;
}

.socialmediashare a {
    background: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
}

.qtranxs_widget ul li.active a {
    color: #444;
    opacity: 1 !important;
}

.socialmediashare .uk-icon-facebook:hover {
    background: #3b5998;
    color: #fff;
}

.socialmediashare .uk-icon-google-plus:hover {
    background: #dd4b39;
    color: #fff;
}

.socialmediashare .uk-icon-linkedin:hover {
    background: #0077b5;
    color: #fff;
}

.socialmediashare span {
    margin-right: 10px;
}

@media (max-width: 1150px) {
    .hometabteaser li:nth-child(1) h3:after,
    .hometabteaser li:nth-child(2) h3:after,
    .hometabteaser li:nth-child(3) h3:after,
    .hometabteaser li:nth-child(4) h3:after {
        display: none;
    }
}

@media (max-width: 1010px) {
    .uk-hidden-large1 {
        display: block;
    }
}

@media (max-width: 959px) {
    .home .tm-sidebar-b .uk-panel-box {
        width: calc(100% - 60px);
        margin-left: 0;
        max-width: inherit;
    }
    .hometabteaser .uk-overlay-panel h5 {
        font-size: 1.5rem;
    }
    .tm-tabs-monday .tm-overlay-content {
        max-width: 350px;
    }
}

@media (max-width: 769px) {
    .uk-container {
        padding: 0 10px;
    }
    .home .tm-sidebar-b .uk-panel-box {
        width: calc(100% - 60px);
        margin-left: 0;
        max-width: inherit;
    }
    .hometabteaser .uk-tab h3 {
        line-height: 3rem;
    }
    .hometabteaser .uk-tab-responsive > a:before {
        color: #41a62a;
        content: "\f103";
        font-size: 2rem;
        position: absolute;
        left: 10px;
        font-weight: 400;
        font-family: FontAwesome;
    }
    .hometabteaser .uk-tab-responsive > a {
        font-weight: 400;
    }
    .uk-icon-hover {
        font-size: 2rem;
        display: inline-block;
        padding-right: 20px;
    }
}

@media (max-width: 470px) {
    .kompetenzfelder .uk-panel {
        border: 1px solid #e0e0e0;
        padding: 15px;
        border-radius: 2px;
        background: #fafafa;
        position: relative;
        min-height: 230px;
    }
}

/****Cookiehint****/
html[lang="en-US"] #cookie-notice .de{
  display: none !important;
}
html[lang="de-DE"] #cookie-notice .en{
  display: none !important;
}

#cookie-notice{
  background-color: #8d9daa !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cookie-notice-container a{
  background-color: #003872 !important;
  background-image: none !important;
  color:#fff  !important;
  text-shadow: none  !important;
  border:none  !important;
  border-radius: 2px  !important;
}
.cookie-notice-container a:hover{
  background-color: #41a62a !important;
  background-image: none !important;
}

#cn-notice-text{
  display: block;
  margin-bottom: 10px;
}

.page-id-277 h2,
.page-id-628 h2{
  max-width: none;
}

.page-id-628 a{
  word-break: break-all;
}


#cookie-notice .cn-button{
  margin: 0 0 0 10px;
  display: inline-block;
  padding: 5px;
}