/*
 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: #000;
    --teejit--accent--gray: #F5F5F6;
    --primary-background: #919499 ; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #919499 ; /* if not set --primary-color */
    --primary-color-hover: #fff; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background:#f5e146;
    --secondary-color: #000;
    --secondary-background-hover:#fb0; /* if not set --secondary-color */
    --secondary-color-hover: #000; /* if not set --secondary-background */
    --accordion-background:#d7d7dc; /* if not set --secondary-background */
    --accordion-color: #000; /* 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: #C0212E;
    --teejit-advise: #F5E146;
    --teejit-advise-contrast: #d7d7dc;
    --process-background-done: #FFBB00;
    --process-background-undone: #F5F5F6;
    --tag-label-background: #e4e4e4;
    --tag-label-color: #333;
    --tag-label-border-color: #e4e4e4;
    --tag-categroy-background: #f5e146;
    --tag-categroy-color: #000;
    --tag-categroy-border-color: #000;
    --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:18px;
    --teejit-btn-p:16px;
    --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: #D7D7DC;
    --teejit-input-border: #D7D7DC;
}

a[href*="channels"].t-nav-li-a {
  display: none;
}
.t-process-line-text {
	font-size: 11px;
}
.news-feed-date {
	font-size: var(--font-size-p-xsmall);	
}
.t-content-data a {
    text-decoration: underline;
}
.t-content-data a:hover {
	color: #e30059;
}
.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-img-line.bottom-line:has(.t-marked-content-wrapper):has(.copyright) {
	flex-direction: column;
}
.t-tag-nav-home-flag-active, .t-tag-nav:hover {
    background-color: ;
    border-color: #4B5055;
    color: #4B5055;
}

/* Stuttgart Basic */
@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('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Light';
	font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'),
       url('https://dev.teejit.de/fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}
body {
	font-family: 'Open Sans', sans-serif;
}
h1,h2,h3 {
	text-transform: unset;
	font-family: 'Source Sans Pro', sans-serif;
}
p {
	font-size:20px;
	font-family: 'Open Sans Light', sans-serif;
}
.btn, .t-btn {
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
}
/* Stuttgart Footer */
.button--light {
	background: #d7d7dc !important;
    color: #000 !important;
}
.button--light:active, .button--light:focus, .button--light:hover, .button__wrapper:active .button--light, .button__wrapper:focus .button--light, .button__wrapper:hover .button--light {
    background: #919499 !important;
    color: #fff !important;
}
.grid-row, .menu-footer-stuttgart-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.col-lg-offset-2 {
        margin-left: 12.5%;
    }
.col-lg-7 {
        -webkit-flex-basis: 43.75%;
        -ms-flex-preferred-size: 43.75%;
        flex-basis: 43.75%;
        max-width: 43.75%;
    }
.col-lg-5 {
        -webkit-flex-basis: 31.25%;
        -ms-flex-preferred-size: 31.25%;
        flex-basis: 31.25%;
        max-width: 31.25%;
    }
.pageFooterContact h3 {
        font-family: 'Source Sans Pro';
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }
.pageFooterContact p {
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #4b5055;
    margin: 13px 0 0 0;
}
.button, .btn, .teejit-login-button {
        font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 15px;
        padding: 15px 10px;
    }
.pageFooterContact__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin: 25px 0 0 0;
}
.pageFooterContact__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
.pageFooterNewsletter h3 {
        font-family: 'Source Sans Pro';
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }
.pageFooterNewsletter p {
    font-family: 'Source Sans Pro';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #4b5055;
    margin: 13px 0 0 0;
}
.pageFooterNewsletter__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 37px 0 0 0;
}
.menu-footer-stuttgart-container {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 0 0 70px 0;
}
.menu-footer-stuttgart-container ul {
list-style: none;
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	 margin-left: 12.5%;
 -webkit-flex-basis: 71%;
 -ms-flex-preferred-size: 71%;
 flex-basis: 71%;
 max-width: 71%;
}
.menu-footer-stuttgart-container li {
        display: inline-block;
        margin: 0 35px 15px 0;
    }
.menu-footer-stuttgart-container a {
    color: #4b5055;
    text-decoration: none;
}
.footer-line>div {
    flex: 1;
}

.pageFooterContact__buttons .button--light, .pageFooterNewsletter__buttons .button--light {
	flex:1;
}

[class*=" col-lg"], [class*=" col-lg-offset"], [class^=col-lg], [class^=col-lg-offset] {
	        padding-right: 1.25vw;
        padding-left: 1.25vw;
}