/*
 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
*/
a[href*="channels"].t-nav-li-a {
  display: none;
}
.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: #3698db; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #fff; /* if not set --primary-color */
    --primary-color-hover: #3698db; /* 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: #27ae60;
    --teejit-error: #c0392b;
    --teejit-advise: #ff8c00;
    --teejit-advise-contrast: #333;
    --process-background-done: #27ae60;
    --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: #3698db;
    --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;
}



body {
font-size: 16px;
line-height: 1.5;
    font-family: BaseFontFamily, sans-serif;
}
#header-website-link {
	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: 38px;
}
.unsubscribe-team {
	border-width:1px
}
.t-content-data a {
    color: #000000;
    text-decoration: underline;
}
.t-img-line.bottom-line:has(.t-marked-content-wrapper):has(.copyright) {
	flex-direction: column;
}


.t-login-img #header-logo-img { margin-top:100px !important; }

/* root */
  :root {
    --text-color: #333;
    --teejit--accent--gray: #e9e9e9;
    --link-color: var(--primary-background);
    --primary-background: #284191; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #213576; /* if not set --primary-color */
    --primary-color-hover: #fff; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background:#284191;
    --secondary-color: #fff;
    --secondary-background-hover:#213576; /* if not set --secondary-color */
    --secondary-color-hover: #fff; /* 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: #27ae60;
    --teejit-error: #c0392b;
    --teejit-advise: #ff8c00;
    --teejit-advise-contrast: #333;
    --process-background-done: #27ae60;
    --process-background-undone: #7f8c8d;
    --process-text-color: #333333;
    --process-line-height: 16px;
    --process-text-visibility: visible;
    --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: #284191;
    --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-form-border: #e9e9e9;
    --teejit-input-border: #e9e9e9;
  }


@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'),
       url('https://dev.teejit.de/fonts/source-sans-pro/SourceSansPro-Regular.woff2') format('woff2'),
       url('https://dev.teejit.de/fonts/source-sans-pro/SourceSansPro-Regular.woff') format('woff');
  font-display: swap;
}
body {
font-family: 'Source Sans Pro';	
}
#header-logo {
	width: 100%;
}
.header-logo-wrap {
    justify-content: space-between;
    display: flex;
    margin: 0 auto;
    width: 50%;
    max-width: 660px;
  display: flex;
	align-items: center;
}
@media all and (max-width: 670px) {
	#header-logo-img {
		/*height: 100px !important;*/
	}
	
	.header-logo-wrap {
		width:90%;
	}
	.footer-line-one {
		flex-direction:column;
	}
	.teejit-login-left-inner {
		flex:1;
	}
}
@media all and (max-width: 500px) {
	#header-logo-img {
		height: 70px !important;
	}
	.header-logo-wrap {
		flex-direction:column;
	}
}
footer > .wrapper {
	padding:0;
	max-width:unset;
}
footer .wrapper > div {
}

.footer-line {
 margin:0;
	flex:1
}
.footer-line.footer-line-one:first-child {
    font-size: .875rem;
    border-top: 1px solid #c7c7c7;
    color: white;
    background-color: #284191;
	border-bottom: 1px solid #c7c7c7;
}
.footer-line.footer-line-one div:nth-child(2) {
	background-color:#284191 !important;
	color:white;
}
footer .footer-line-one > div {
padding: 3rem 2rem;
	flex:1;
	justify-content:center;
	display:flex;
}
.c-site-footer__info a {
	color: white;
}

footer address {
	font-style:normal;
}
.btn-tertiary {
	margin-top: 1rem;
	border: 2px solid #fff !important;
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
	padding: .75rem 2rem;
	color: #fff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.btn-tertiary:hover {
border: 2px solid #284191 !important;
	background: #d98500 !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .25) !important;
}
.c-site-footer__logo img {
	width:200px;
}

.btn {
padding: .75rem 1rem;
transition: 300ms all ease;
color: #fff;
background: #284191;
border-radius: 2px;
}
.btn:hover {
    background: #d98500;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .25);
}




/* Basic Ende */