/*
 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.4
 Last Update: 2025-07-10
 Text Domain:  wp_tj_knowhub_template-child
*/

.center-login-button {
    flex-direction: column;
}
.center-login-button p {
    text-align: center;
}
.center-login-button a {
    justify-content: center;
    display: flex;
}


/* fall back if not defined in src/style.css */
.t-login-form-loading {
    background-color: rgba(255, 255, 255, 0.9);
    display: none !important;
    height: calc(100% - var(--teejit-padding-xl) * 2);
    position: absolute;
    width: calc(100% - var(--teejit-padding-xl) * 2);
    justify-content: center;
    align-items: center;
}

/* teejit loading logo  */
.lds-dual-ring,
.lds-dual-ring:after {
    box-sizing: border-box;
}
.lds-dual-ring {
    display: block !important;
    width: 50px;
    height: 50px;
}
.rotating-group {
    animation: teejit-loading 4s linear infinite;
    transform-origin: 218.4px 213.38px; /* Mittelpunkt des viewBox */
    fill: var(--primary-background);
}
.teejit-loading-2 {
    animation: teejit-loading-2 4s linear infinite;
}
.t-loading {
    fill: var(--primary-background);
}
@keyframes teejit-loading {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes teejit-loading-2 {
    from { transform: rotate(360deg); }
    to { transform: rotate(-360deg); }
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* root */
:root {
    --gap-small: 8px;
    --gap-medium: 12px;
    --gap-large: 24px;
    --sidebar-nav-width: 250px;
    --text-color: #333;
    --teejit--accent--gray: #e9e9e9;
    --primary-background: #71a441; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #fff; /* if not set --primary-color */
    --primary-color-hover: #71a441; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background:#ecf0f1;
    --secondary-color: #333;
    --secondary-background-hover:#333; /* if not set --secondary-color */
    --secondary-color-hover: #ecf0f1; /* if not set --secondary-background */
    --accordion-background:#ecf0f1; /* if not set --secondary-background */
    --accordion-color: #333; /* 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: #71a441;
    --teejit-error: #E75113;
    --teejit-advise: #ff8c00;
    --teejit-advise-contrast: #333;
    --process-background-done: #71a441;
    --process-background-undone: #7f8c8d;
    --tag-label-background: #e4e4e4;
    --tag-label-color: #333;
    --tag-label-border-color: #e4e4e4;
    --tag-categroy-background: #fff;
    --tag-categroy-color: #333;
    --tag-categroy-border-color: #71a441;
    --tag-audience-background: #fff;
    --tag-audience-color: #333;
    --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;
}

.t-login-img #header-logo-img {
	position: unset !important;
}
.t-btn-secondary, .btn-secondary {
    color: #507432;
    background-color: #fff;
    border: 1px solid #507432;
}
.t-btn-secondary:hover, .btn-secondary:hover {
    color: #43701a;
    background-color: transparent;
    border: 1px solid #43701a;
}
.t-process-line-text {
    font-size: calc(var(--process-line-height) - 6px);
}
	
a[href*="channels"].t-nav-li-a {
  display: none;
}
.t-tag.t-tag-nav {
    align-items: center;
}
.t-tag-nav-home-flag-active .t-nav-head-element-icon, .t-tag-nav:hover .t-nav-head-element-icon {
	color: var(--primary-background);
}
#t-nav-toggle-left-menu {
    height: 40px;
}
.unsubscribe-team {
	border-width:1px
}
.t-content-data a {
    color: #507432;
    text-decoration: underline;
	font-weight: bold;
}
.t-img-line.bottom-line:has(.t-marked-content-wrapper):has(.copyright) {
	flex-direction: column;
}


@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'),
       local('Source Sans Pro Regular'),
       url('https://dev.teejit.de/fonts/source-sans-pro/SourceSansPro-Regular.otf') format('opentype');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'),
       local('Open Sans Regular'),
       url('https://dev.teejit.de/fonts/OpenSans/OpenSans-Regular.ttf') format('ttf');
  font-display: swap;
}
body {
	font-family: 'Open Sans', sans-serif;
}
#header-logo-img {
	position:fixed !important;
	left:0px;
	height:144px !important;
}
.header {
	height:90px
}
body {
	font-size: 16px;
	color: #3a3b3c;
    line-height: 1.75;
}
h1, h2 {
    font-size: 2rem;
    text-transform: uppercase;
	color:#1b425d !important;
}
h1, h2, h3 {
    line-height: 1.2;
	font-family: Oswald, sans-serif;
}
h1{
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    color: #1b425d;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}
h3 {
    font-size: 2rem;
    color: #71a441;
    font-weight: 400;
}
h4 {
	font-size: 22px;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: .25rem;
    color: #8f9091;
}
p {
	color: #3a3b3c;
    font-size: 1rem;
	line-height:1.5;
    margin-top: .5rem;
}
.headline {
	color: #1b425d;
	text-transform: uppercase;
}
#header-logo-img {
	position:absolute;
	height:150px;
}
footer {
	background:white;
	border-top:60px solid #cad9c8
}
.c-site-footer__navigation-list {
	margin: 0;
    padding: 0;
    list-style: none;
	color:#71a441 !important
}
.c-site-footer__navigation-list-item {
    margin-bottom: .5rem;
}
.c-site-footer__section, .c-site-footer__contact {
	flex-direction:row;
	display: flex;
}
.c-site-footer__contact-logo {
    margin: 0 1.5rem 0 0;
}

.footer-line img {
	width:100%;
}
.footer-line img.wp-image-171 {
    width: 100%;
    padding: 1rem 2rem;
}/*
.c-site-footer__contact div {
	display:flex;
	flex-direction:column;
}
.c-site-footer__navigation-wrapper {
    width: 50%;
    margin-left: .5rem;
}
.c-site-footer__title {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    color: #1b425d;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Oswald, sans-serif;
}
*/
.c-site-footer__contact .mt-0 {
	margin:0
}
.c-site-footer__contact .mt-6 {
	margin-top: 1.5rem;
}
@media (min-width: 768px) {
    .c-site-footer__section--contact {
        width: 35%;
    }
}
@media (min-width: 640px) {
    .c-site-footer__section--contact {
        width: 50%;
    }
}
@media (min-width: 768px) {
    
}
.c-site-footer__section {
    width: 100%;
}
.footer-line-one div:nth-child(3) {
	width:30%;
}
@media all and (max-width: 1000px) {
	.footer-line img {padding:0px !important}
}
@media all and (max-width: 750px) {
	.footer-line-one {flex-wrap: wrap}
	.footer-line-one div:nth-child(1) {flex:1 50%}
	.footer-line-one div:nth-child(2) {flex:1 50%}
	.footer-line-one div:nth-child(3) {flex:2 100%}
}
@media all and (max-width: 630px) {
	.footer-line-one div:nth-child(1) {flex:1 100%}
	.footer-line-one div:nth-child(2) {flex:1 100%}
}




.c-site-footer {
    font-size: .875rem;
    margin: 3.5rem auto 0;
    padding: 2rem 0 0
}

.c-site-footer p {
    font-size: 14px
}

.c-site-footer:not(:first-child) {
    margin-top: 1.5rem
}

.c-site-footer__headline {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    font-family: Oswald,sans-serif;
    color: #1b425d
}

@media (min-width: 768px) {
    .c-site-footer__headline {
        font-size:2.625rem
    }
}

.c-site-footer__title {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    color: #1b425d !important;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Oswald,sans-serif
}

.c-site-footer__top {
    max-width: 72rem;
    margin: 0 auto;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .c-site-footer__top {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-site-footer__section {
    width: 100%
}

@media (min-width: 768px) {
    
}

@media (min-width: 640px) {
    .c-site-footer__section--contact {
        width:50%
    }
}

@media (min-width: 768px) {
    .c-site-footer__section--contact {
        width:35%
    }
}

@media (min-width: 640px) {
    .c-site-footer__section--map {
        width:50%
    }
}

@media (min-width: 768px) {
    .c-site-footer__section--map {
        width:35%
    }
}

@media (min-width: 370px) {
    .c-site-footer__section--navigation {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-site-footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem
}

.c-site-footer__contact-logo {
    margin: 0 1.5rem 0 0;
	width:100px
}

@media (min-width: 768px) {
    .c-site-footer__map {
        widows:50%
    }
}

.c-site-footer__map img {
    width: 100%;
    padding: 1rem 2rem
}

.c-site-footer__social-media-navigation-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0 0;
    padding: 0
}

.c-site-footer__social-media-navigation-list-item {
    margin-top: 0;
    margin-right: 1.5rem
}

.c-site-footer__social-media-navigation-list-item .c-icon {
    width: 2.5rem;
    height: 2.5rem
}

.c-site-footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1rem;
    background-color: #eff1f4
}

@media (min-width: 768px) {
    .c-site-footer__bottom {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-site-footer__navigation-wrapper {
    width: 50%;
    margin-left: .5rem
}

.c-site-footer__navigation {
    margin-top: 2rem
}

@media (min-width: 1024px) {
    .c-site-footer__navigation {
        margin-top:0
    }
}

.c-site-footer__navigation-list {
    list-style: none;
    margin-top: 1rem
}

.c-site-footer__navigation-list [aria-current=page] {
    color: #8f9091
}

.c-site-footer__navigation-list-item {
    margin-bottom: .5rem;
			font-size:14px;
}

.c-site-footer-partners {
    margin: 0 auto 1rem;
    padding: 0 1rem
}

p.c-site-footer-partners__title {
    margin-top: 0;
    color: #8f9091;
    text-align: center
}

.c-site-footer-partners__logos {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem
}

.c-site-footer-partners__logos img {
    max-height: 5rem
}

@media (min-width: 1024px) {
    .c-site-footer-partners__logos {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 2rem
    }
}

.c-site-footer-partners__logos .c-site-footer-partners__logo {
    margin-top: 1rem;
    margin-right: 1.5rem
}

.c-site-footer-partners__logos .c-site-footer-partners__logo:last-of-type {
    margin-right: 0
}

@media (min-width: 1024px) {
    .c-site-footer-partners__logos,.c-site-footer-partners__logos .c-site-footer-partners__logos {
        margin-top:0
    }
}