/*
 Theme Name:   Knowledge Hub Template Child
 Description:  Child Theme for Knowledge Hub Template
 Author:       Teejit
 Author URI:   httpw://www.teejit.de
 Template:     knowledge-hub-template
 Version:      1.0.1
 Text Domain:  wp_tj_knowhub_template-child
*/

.t-row-slider-more {
    display:none !important;
}

@font-face {
    font-family: 'Aleo';
    font-style: normal;
    font-weight: 400;
    src: url('');
    src: local('')
}
body, h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: 'Aleo', Arial, sans-serif;
}
#t-main-header {
    display: none;
}
.home .t-main > .wrapper {
    width:100%;
    max-width:none;
}
.home .t-main > .wrapper > #t-content-wrapper {
    width:100%;
    max-width:none;
    padding:0;
}
article.contentText {
    display: flex;
    flex-direction: column;
}
article.contentText div, .event-teaser-right > div {
    display: flex;
    flex-direction: column;
}
:root {

     /* colors: hold rgb values, als needed for rgba() - fade() not working */
     /* DeepAzure */
     --color_bg_dark: #0F3049;
     --color_bg_dark_R: 15;
     --color_bg_dark_G: 48;
     --color_bg_dark_B: 73;

     /* HarbourMist */
     --color_bg_light: #E5EEF2;
     --color_bg_light_R: 229;
     --color_bg_light_G: 238;
     --color_bg_light_B: 242;

     /* PearlWhite */
     --color_bg_white: #FDFEFF;
     --color_bg_white_R: 253;
     --color_bg_white_G: 254;
     --color_bg_white_B: 255;

     /* DeepAzure */
     --color_txt_dark: #0F3049;
     --color_txt_dark_R: 15;
     --color_txt_dark_G: 48;
     --color_txt_dark_B: 73;

     /* SkyOfOcean */
     --color_txt_light: #628A9B;
     --color_txt_light_R: 98;
     --color_txt_light_G: 138;
     --color_txt_light_B: 155;

     /* PearlWhite */
     --color_txt_white: #FDFEFF;
     --color_txt_white_R: 253;
     --color_txt_white_G: 254;
     --color_txt_white_B: 255;

     /* CallToAction */
     --color_cta: #EDAE17;
     --color_cta_R: 237;
     --color_cta_G: 174;
     --color_cta_B: 23;

     /* deutscheNordsee */
     --color_bg_light_deutscheNordsee: #355D77;
     --color_bg_light_deutscheNordsee_R: 53;
     --color_bg_light_deutscheNordsee_G: 93;
     --color_bg_light_deutscheNordsee_B: 119;

     --color_bg_dark_deutscheNordsee: #30546C;
     --color_bg_dark_deutscheNordsee_R: 48;
     --color_bg_dark_deutscheNordsee_G: 84;
     --color_bg_dark_deutscheNordsee_B: 108;

     /* fonts */
     --font-std: 'Averta';
     --font-deco: 'Gotcha';

     /* vertical spacing */
     --gridVerticalMD-module: 100px;
     --gridVerticalMD-inner: 35px;

     --gridVerticalSM-module: 60px;
     --gridVerticalSM-inner: 20px;
 }
body { margin:0px; font: 400 normal 18px/22px var(--font-std),Arial,sans-serif;}
.header_wrap {
    display:flex;
    justify-content: space-between;
    padding: 30px 40px 30px 51px;
}
.teejit-smart-main {
    display: flex;
    margin: 0px 5%;
    flex-direction: column;
    align-items: center;
}   padding: 30px 40px 30px 51px;
}
.teejit-smart-main .btn-nts {
    color:white;
}

.site-header {
    height:35vh;
    background-size: cover;
    background-position: center;
    display: flex;
}
.banner-svg-1 {fill:#3C93DA}
.banner-svg-2 {fill:#4DADFA}
.site-header-overlay {

}
.div-ll-title {
    color:#fff
}
.div-ll-title h1 {
    font-size:2em
}
.div-ll-title p {
    font-size:1.2em
}.site-header-overlay {
     display:flex;
     flex:1
 }
.site-header-overlay > .section {
    position: relative;
    display: flex;
    flex: 1;
    align-items: flex-end;
    flex-direction: row-reverse;
}
.div-ll-copyright {
    margin:6px;
    font-size: 12px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .7);
}
.siteIntro > h1 {
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
}
.contentText  {
    background-color:#e5eef2;
    padding:100px 0 100px;
}

.teejit-smart-main:has(.contentText ) {
    margin:0;
    padding-top:0px;
    width:100%;
}
.teejit-smart-main:has(.contentText ) .teejit-smart-main-login {
    margin:0 5%;
}
.button-ghost.button {
    color:#0f3049
}
.baseArticle__text > p, .event-teaser p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.77778em;
    margin-bottom:20px;
}

.event-teaser {
    margin:0 5% ;
    display:flex;
    padding-bottom:100px;
    padding-top:100px;
}
.event-teaser h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    hyphens: auto;
}
.event-teaser-left, .event-teaser-right {
    display:flex;
    flex:1;
}
.event-teaser-left {
    background-size:cover;
    display: flex;
    flex: 1;
    align-items: flex-end;
    flex-direction: row-reverse;
}
.event-teaser-right {
    flex-direction:column;
    padding-top:120px;
    padding-bottom:120px;
}
.event-teaser-right > div {
    padding:0px 10%
}
.btn-nts {
    background-color: rgba(var(--color_txt_light_R),var(--color_txt_light_G),var(--color_txt_light_B),1);
    border-color: rgba(var(--color_txt_light_R),var(--color_txt_light_G),var(--color_txt_light_B),1);
    color: rgba(var(--color_txt_white_R),var(--color_txt_white_G),var(--color_txt_white_B),1);
    border-style: solid;
    border-width: 1px;
    padding: 13px 26px;
}

.footer {
    display:flex;
    align-items: stretch;
    flex-direction: row;
    margin-top:100px;
}
.footer > div {display:flex; flex: 1;}

.f_left, .f_right {
    display: flex;
    flex-direction:column;
    align-items: stretch;
    background-color: rgba(var(--color_bg_light_R),var(--color_bg_light_G),var(--color_bg_light_B),1);
}
.f_left {
    width:34%
}
.f_left > div {
    flex:1 ;
    background-color: rgba(var(--color_bg_dark_R),var(--color_bg_dark_G),var(--color_bg_dark_B),1);
    height: 100%;
    padding: 70px 12.5% 60px;
}
.f_right {
    width:66%
}
.f_right > div {
    flex:3 0 ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.f_right_nav {
    padding: 45px 12.5% 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.f_right .footer_lines figure svg {
    width:100%
}
.footer_lines {
    display:flex;
    height: 40px;
    width:100%;
    background:white;
    align-items: flex-end;
}
@media (max-width: 1000px) {
    .pageFooter__form .pageFooter__lines {
        display: none;
    }
}
@media (min-width: 1001px) {
    .pageFooter__lines__element.pageFooter__lines__element-bottom_mobile, .pageFooter__lines__element.pageFooter__lines__element-top_mobile {
        display: none;
    }
}

.pageFooter__lines__element{margin-bottom: 5px;}
figure {
    margin:0px
}
.footer_button {
    border-style: solid;
    border-width: 1px;
    padding: 13px 26px;
    font: 400 normal 18px/22px var(--font-std),Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.footer_button, .pageFooter__contact__text p, h3.pageFooter__contact__title {
    color: rgba(var(--color_txt_white_R),var(--color_txt_white_G),var(--color_txt_white_B),1) !important;
}
.pageFooter__contact__text p {
    font: 400 normal 18px/1.77778em Averta,Arial,sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.77778em;
    margin:1em 0
}
h3.pageFooter__contact__title {
    font: 700 normal 35px/1em Averta,Arial,sans-serif;
    font-size: 35px !important;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1em;
    margin: 0 0 15px;
}




.pageFooter__metanav__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pageFooter__metanav__item:not(:last-child) {
    margin-right: 10px;
}
.pageFooter__metanav__item:not(:last-child):after {
    content: "|";
    margin-left: 10px;
}
.pageFooter__metanav__item {
    color: rgba(var(--color_txt_dark_R),var(--color_txt_dark_G),var(--color_txt_dark_B),1);
    display: inline-block;
    font: 400 normal 16px/2em var(--font-std),Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2em;
}

.pageFooter__metanav__link {
    display: inline-block;
    color: rgba(var(--color_txt_dark_R),var(--color_txt_dark_G),var(--color_txt_dark_B),1);
}




#pageFooter {
    display:flex;
}
#pageFooter__wrap {
    align-items: stretch;
    display: flex;
    flex:1 0 ;
}
.pageFooter_item_hell {
    display:flex;
    flex:3 0;
}

.pageFooter_item_dunkel {
    display:flex;
    flex:1 0 ;
}
.pageFooter__contact {
    box-sizing: border-box;
    height: 100%;
    padding: 70px 12.5% 60px;
}
.pageFooter__contact__text p, .pageFooter__contact__text, .pageFooter__contact__title {
    color: rgba(var(--color_txt_white_R),var(--color_txt_white_G),var(--color_txt_white_B),1) !important;
}
html.project-nts .bgDark .button-ghost {
    border-color: rgba(var(--color_txt_white_R),var(--color_txt_white_G),var(--color_txt_white_B),1);
}
.button-ghost.button {
    font: 400 normal 18px/22px var(--font-std),Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    padding: 13px 26px;
}
html.project-nts .button {
    border-style: solid;
    border-width: 1px;
    padding: 13px 26px;
}

.bgDark {
    background-color: rgba(var(--color_bg_dark_R),var(--color_bg_dark_G),var(--color_bg_dark_B),1);
}



/* root */
:root {
    --gap-small: 8px;
    --gap-medium: 12px;
    --gap-large: 24px;
    --sidebar-nav-width: 250px;
    --text-color: #0f3049;
    --teejit--accent--gray: #e5eef2;
    --primary-background: #0f3049; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #0f3049; /* if not set --primary-color */
    --primary-color-hover: #fff; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background:#edae17;
    --secondary-color: #345268;
    --secondary-background-hover:#edae17; /* if not set --secondary-color */
    --secondary-color-hover: #345268; /* if not set --secondary-background */
    --accordion-background:#e5eef2; /* if not set --secondary-background */
    --accordion-color: #0f3049; /* if not set --secondary-color */
    --overlay-white-07:rgba(255, 255, 255, 0.7);
    --overlay-white-02:rgba(255, 255, 255, 0.2);
    --header-nav-bar-background: #ffffff;
    --teejit-success: #27ae60;
    --teejit-error: #c0392b;
    --process-background-done: #edae17;
    --process-background-undone: #e5eef2;
    --tag-label-background: #e4e4e4;
    --tag-label-color: #0f3049;
    --tag-label-border-color: #e4e4e4;
    --tag-categroy-background: #fff;
    --tag-categroy-color: #0f3049;
    --tag-categroy-border-color: #0f3049;
    --tag-audience-background: #fff;
    --tag-audience-color: #0f3049;
    --tag-audience-border-color: #e4e4e4;
    --teejit-tag-border-radius: 3px; /*könnte das gleich sein wie --teejit-btn-border-radius-small*/
    --teejit-box-shadow-1: 0px 1px 4px 0px rgba(0,0,0,0.2),
    0px 1px 4px 0px rgba(0,0,0,0.14),
    0px 2px 1px -1px rgba(0,0,0,0.12);
    --teejit-box-shadow-1-hover: 0px 0px 7px 0.8px rgba(0,0,0,0.6);
    --teejit-box-shadow-2:0 0 2px 0 rgba(0,0,0,.2); /*use for messages like login error*/
    --teejit-btn-inner-element-padding:16px 16px 0;
    --teejit-btn-inner-element-padding-bottom:16px;
    --teejit-padding-xxl:24px;
    --teejit-padding-xl:20px;
    --teejit-padding-l:16px;
    --teejit-padding-m:12px;
    --teejit-padding-s:8px;
    --teejit-padding-xs:4px;
    --font-size-p: 16px;
    --font-size-p-small:14px;
    --font-size-p-xsmall:12px;
    --font-size-h1: 24px;
    --font-weight-h1: ;
    --font-size-h2: 20px;
    --font-weight-h2: bold;
    --font-size-h3: 20px;
    --font-weight-h3: ;
    --teejit-btn-h1:16px;
    --teejit-btn-p:14px;
    --teejit-btn-span-medium: 12px;
    --teejit-btn-span-small: 10px;
    --teejit-btn-border-radius-medium: 3px;
    --teejit-btn-border-radius-small: 3px;
    --teejit-form-border: #e9e9e9;
    --teejit-input-border: #e9e9e9;
}