/*
 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
*/
#dir-3265 .t-btn-dir-process-line-wrapper,
#dir-3264 .t-btn-dir-process-line-wrapper,
#dir-3263 .t-btn-dir-process-line-wrapper,
#dir-3262 .t-btn-dir-process-line-wrapper,
#dir-3261 .t-btn-dir-process-line-wrapper,
#dir-3260 .t-btn-dir-process-line-wrapper,
#dir-3259 .t-btn-dir-process-line-wrapper,
#dir-3258 .t-btn-dir-process-line-wrapper,
#dir-3257 .t-btn-dir-process-line-wrapper,
#dir-3256 .t-btn-dir-process-line-wrapper,
#dir-3255 .t-btn-dir-process-line-wrapper,
#dir-3254 .t-btn-dir-process-line-wrapper,
#dir-3253 .t-btn-dir-process-line-wrapper,
#dir-3252 .t-btn-dir-process-line-wrapper,
#dir-3251 .t-btn-dir-process-line-wrapper,
#dir-3250 .t-btn-dir-process-line-wrapper,
#dir-3249 .t-btn-dir-process-line-wrapper,
#dir-3248 .t-btn-dir-process-line-wrapper,
#dir-3247 .t-btn-dir-process-line-wrapper,
#dir-3246 .t-btn-dir-process-line-wrapper,
#dir-3245 .t-btn-dir-process-line-wrapper,
#dir-3244 .t-btn-dir-process-line-wrapper,
#dir-3243 .t-btn-dir-process-line-wrapper,
#dir-3242 .t-btn-dir-process-line-wrapper,
#dir-3241 .t-btn-dir-process-line-wrapper,
#dir-3240 .t-btn-dir-process-line-wrapper,
#dir-3239 .t-btn-dir-process-line-wrapper,
#dir-3238 .t-btn-dir-process-line-wrapper,
#dir-3236 .t-btn-dir-process-line-wrapper,
#dir-3235 .t-btn-dir-process-line-wrapper,
#dir-3234 .t-btn-dir-process-line-wrapper,
#dir-3230 .t-btn-dir-process-line-wrapper,
#dir-3229 .t-btn-dir-process-line-wrapper,
#dir-3228 .t-btn-dir-process-line-wrapper,
#dir-3227 .t-btn-dir-process-line-wrapper,
#dir-3226 .t-btn-dir-process-line-wrapper,
#dir-3224 .t-btn-dir-process-line-wrapper,
#dir-3223 .t-btn-dir-process-line-wrapper,
#dir-3222 .t-btn-dir-process-line-wrapper,
#dir-3221 .t-btn-dir-process-line-wrapper {
  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: #e0e0e0;
    --primary-background: #ac0e10; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #8a0b0d; /* if not set --primary-color */
    --primary-color-hover: #fff; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background:#038280;
    --secondary-color: #fff;
    --secondary-background-hover:#026866; /* if not set --secondary-color */
    --secondary-color-hover: #fff; /* if not set --secondary-background */
    --accordion-background:#efefef; /* 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: #038280;
    --teejit-error: #8a0b0d;
    --teejit-advise: #ff8c00;
    --teejit-advise-contrast: #333;
    --process-background-done: #038280;
    --process-background-undone: #efefef;
    --tag-label-background: #efefef;
    --tag-label-color: #333;
    --tag-label-border-color: #efefef;
    --tag-categroy-background: #fff;
    --tag-categroy-color: #333;
    --tag-categroy-border-color: #ac0e10;
    --tag-audience-background: #fff;
    --tag-audience-color: #333;
    --tag-audience-border-color: #efefef;
    --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;
}
@font-face {
    font-family: "Avalon";
    src: url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.eot);
    src: url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.eot#iefix) format("embedded-opentype"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.woff2) format("woff2"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.woff) format("woff"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.ttf) format("truetype"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Book-webfont.svg#avalonregular) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Avalon";
    src: url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.eot);
    src: url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.eot#iefix) format("embedded-opentype"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.woff2) format("woff2"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.woff) format("woff"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.ttf) format("truetype"),url(/themes/custom/vbcorp_theme/dist/fonts/Avalon-Demi-webfont.svg#avalonbold) format("svg");
    font-weight: 700;
    font-style: normal
}

body {
    font-family: "Franklin Gothic URW",sans-serif
}
.vb-top-link {
    float: right;
    text-align: center
}

.vb-top-link .link-text {
    display: block;
    font-size: 80%
}
/*
.h1,h1,.h2,h2,.h3,h3 {
    font-weight: 500;
    font-family: "Avalon",sans-serif
}

.h1,h1 {
    line-height: 1.125
}

.h2,h2 {
    margin-bottom: 1.5rem;
    font-size: 175%
}

@media print,screen and (min-width: 40em) {
    .h2,h2 {
        margin-bottom:1.875rem;
        font-size: 250%
    }
}

.h3,h3 {
    font-size: 200%
}

.h4,h4 {
    font-size: 150%;
    font-weight: 700
}
*/
p, .t-kh-home-welcome-left, .t-btn-dir-info-subtitle {
	line-height: 1.6;
}

/* =========================
   HEADER / HEADER-SLIDER
   ========================= */

figure {
    margin: 0
}

figure[data-vb-bg-picture] img,figure[data-vb-bg-picture] picture {
    width: auto;
    height: 100%;
    max-width: none;
    opacity: 0
}

figure.vb-img-jumbotron {
    grid-area: header;
    position: relative;
    height: 600px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

figure.vb-img-jumbotron.large {
    height: 700px
}

@media screen and (max-width: 39.9375em) {
    figure.vb-img-jumbotron {
        height:400px
    }
}

.vb-image-caption {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 90%;
    padding: .125rem .5rem;
    margin: 0;
    color: #fff !important;
    font-size: 80%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgba(51,51,51,0.675)
}

/* Grundstruktur */
.vb-headerslider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Paragraph Wrapper */
.paragraph--type--headerslider {
    position: relative;
}

/* Background Box */
.vb-box {
    position: relative;
}

/* Sekundärer Hintergrund */
.vb-bg-secondary {
    background-color: var(--secondary-background);
    color: var(--secondary-color);
}

/* Kein Border unter Headline */
.vb-headline-no-border h1,
.vb-headline-no-border h2 {
    border-bottom: none;
}

/* Zentrierung */
.text-center {
    text-align: center;
}

/* Print */
.hide-for-print {
    display: block;
}
@media print {
    .hide-for-print {
        display: none !important;
    }
}

/* =========================
   IMAGE / JUMBOTRON
   ========================= */

.vb-img-jumbotron {
    position: relative;
    width: 100%;
    min-height: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* =========================
   CONTENT OVERLAY
   ========================= */


.vb-box .vb-box-img-form {
    bottom: 4rem
}

.vb-box .vb-box-img-form.vb-box-middle-outer {
    right: 4rem;
    left: 4rem
}

@media screen and (max-width: 63.9375em) {
    .vb-box .vb-box-img-form.vb-box-middle-outer {
        top:.5rem;
        right: 2.5rem;
        bottom: .5rem;
        left: 2.5rem
    }
}

@media screen and (max-width: 63.9375em) {
    .vb-box .vb-box-img-form {
        color:#333
    }

    .vb-box .vb-box-img-form label {
        display: block
    }

    .vb-box .vb-box-img-form h1 {
        padding: 1rem 1rem 0
    }
}

@media screen and (max-width: 39.9375em) {
    .vb-box .vb-box-img-form h1 {
        padding:0
    }
}

@media print,screen and (min-width: 40em) {
    .vb-box .vb-box-img-form .vb-box-link {
        width:24rem;
        margin: 2rem auto -2rem
    }
}

.vb-box .vb-box-img-form .vb-box-links {
    position: relative;
    margin: auto;
    padding: 1rem 1rem 1rem 4rem;
    color: #333;
    text-align: left;
    background-color: rgba(3,161,158,0.7)
}

@media print,screen and (min-width: 40em) {
    .vb-box .vb-box-img-form .vb-box-links {
        width:24rem;
        margin: 2rem auto -2rem
    }
}

.vb-box .vb-box-img-form .vb-box-links .icon-person:before {
    position: absolute;
    top: 50%;
    left: 1rem;
    margin-top: -1rem;
    color: #fff;
    font-size: 2rem
}

.vb-box .vb-box-img-form .vb-box-links .button {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: .875rem .5rem .875rem 1.25rem;
    font-family: "myriad-pro",Myriad,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
    border: 1px solid #000
}

.vb-box .vb-box-img-form .vb-box-links .button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    margin-top: -.125rem;
    border-style: solid;
    border-width: .25rem .25rem 0 .25rem;
    border-color: #000 transparent transparent
}

.vb-box .vb-box-img-form .vb-box-links .button.hover:after {
    border-width: 0 .25rem .25rem .25rem;
    border-color: transparent transparent #000
}

.vb-box .vb-box-img-form .vb-box-links .dropdown-pane {
    left: 4rem !important;
    top: 3.875rem !important;
    width: calc(100% - 5rem) !important;
    padding: 0;
    font-family: "Franklin Gothic URW",sans-serif;
    background-color: #efefef
}

.vb-box .vb-box-img-form .vb-box-links .dropdown-pane a {
    display: block;
    padding: .75rem 1.25rem;
    color: #000;
    border-bottom: 1px solid #e0e0e0
}

.vb-box .vb-box-img-form .vb-box-links .dropdown-pane a:hover {
    color: #fff;
    background-color: #038280
}

.vb-box .vb-box-img-form .vb-box-links .dropdown-pane a:last-child {
    border-bottom-width: 0
}

.vb-box .vb-box-img-form .vb-box-middle-inner {
    max-width: 42rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 63.9375em) {
    .vb-box .vb-box-img-form .vb-box-middle-inner {
        width:100%;
        height: auto
    }
}

.vb-box .vb-box-img-form .slider {
    margin: 0
}

.vb-box .vb-box-img-form .slider-inputs {
    margin: 2rem;
    color: #333;
    font-size: 1.125rem;
    border-color: #333
}

@media print,screen and (min-width: 40em) {
    .vb-box .vb-box-img-form .slider-inputs {
        margin:.625rem 2.5rem 0
    }
}

.vb-box .vb-box-img-form .slider-inputs input[type="text"] {
    width: 2.5rem
}


/* =========================
   HEADLINES
   ========================= */

.vb-highlight {
    color: #fff;
    margin: 0;
}

.vb-highlight span {
    background: rgba(0,0,0,0.35);
    padding: 0.25em 0.5em;
    display: inline-block;
}

/* Typografie */
.vb-highlight h1,
h1.vb-highlight {
    font-size: 2.5rem;
    line-height: 1.2;
}

.vb-highlight h2,
h2.vb-highlight {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .vb-img-jumbotron {
        min-height: 45vh;
    }

    h1.vb-highlight {
        font-size: 1.8rem;
    }

    h2.vb-highlight {
        font-size: 1.1rem;
    }
}



.vb-box {
    position: relative;
    z-index: 1
}

.vb-box.text-left {
    text-align: left
}

@media print,screen and (min-width: 64em) {
    .vb-box-offset-top {
        z-index:1;
        margin-top: -8rem
    }
}

.vb-box.text-center .inner-wrap {
    margin-right: auto;
    margin-left: auto
}

.vb-box.text-center .inner-wrap h1,.vb-box.text-center .inner-wrap .h1,.vb-box.text-center .inner-wrap h2,.vb-box.text-center .inner-wrap .h2 {
    padding-bottom: .25rem;
    color: #333
}

.vb-box.text-center .inner-wrap h1,.vb-box.text-center .inner-wrap .h1 {
    font-size: 64px;
    font-weight: 700
}

@media screen and (max-width: 63.9375em) {
    .vb-box.text-center .inner-wrap h1,.vb-box.text-center .inner-wrap .h1 {
        font-size:48px
    }
}

@media screen and (max-width: 39.9375em) {
    .vb-box.text-center .inner-wrap h1,.vb-box.text-center .inner-wrap .h1 {
        font-size:24px
    }
}

.vb-box.text-center .inner-wrap h2,.vb-box.text-center .inner-wrap .h2 {
    font-size: 35px
}

@media screen and (max-width: 63.9375em) {
    .vb-box.text-center .inner-wrap h2,.vb-box.text-center .inner-wrap .h2 {
        font-size:24px
    }
}

@media screen and (max-width: 39.9375em) {
    .vb-box.text-center .inner-wrap h2,.vb-box.text-center .inner-wrap .h2 {
        font-size:16px
    }
}

.vb-box.text-center .inner-wrap .vb-highlight {
    margin-right: 1rem;
    margin-left: 1rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media screen and (max-width: 63.9375em) {
    .vb-box.text-center .inner-wrap {
        width:100%;
        height: auto
    }
}

.vb-highlight {
    display: block;
    margin-bottom: 0;
    margin-left: 14px
}

.vb-highlight>span {
    display: inline;
    padding: .25rem 0;
    font-family: "Avalon",sans-serif;
    line-height: 1.8;
    background-color: #fff;
    -webkit-box-shadow: 14px 0 0 #fff,-14px 0 0 #fff;
    box-shadow: 14px 0 0 #fff,-14px 0 0 #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.mod-ie .vb-highlight>span {
    box-shadow: none;
    padding-right: 14px;
    padding-left: 14px
}

.vb-highlight>span [class*="icon-"] {
    vertical-align: middle
}

.vb-highlight.text-x20 {
    font-size: 1.375rem;
    font-weight: 400
}

.h3,h3 {
    font-weight: 700
}

.h3.vb-highlight>span,h3.vb-highlight>span {
    line-height: 1.7
}

ul.vb-highlight {
    display: inline-block;
    margin-top: .5rem;
    margin-right: 14px;
    margin-left: 14px;
    padding: .25rem 0;
    font-family: "Avalon",sans-serif;
    line-height: 1.8;
    background-color: #fff;
    -webkit-box-shadow: 14px 0 0 #fff,-14px 0 0 #fff;
    box-shadow: 14px 0 0 #fff,-14px 0 0 #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.mod-ie ul.vb-highlight {
    box-shadow: none;
    padding-right: 14px;
    padding-left: 14px
}

ul.vb-highlight [class*="icon-"] {
    vertical-align: middle
}

.vb-box-middle {
    display: table;
    width: 100%;
    height: 100%
}

.vb-box-middle-outer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11
}

.vb-box-middle-inner {
    display: table-cell;
    vertical-align: middle
}