/*
 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;
}
a

    /* Hansen */
header.navigation .navbar .user-menu .nav-link {
    background-color: #e10019;
    border-radius: 50%;
    height: 40px;
    margin-left: 47px;
    padding: 7px 10px;
    width: 40px;
    color: white;
}
.nav-item input[type=search].input-icon.search {
    background-image: url(https://wirfuerdich.hamburg-tourism.de/wp-content/themes/knowledge-hub-template-child/Assests/images/search.9c8b3dcf.svg);
}
.icon-cross:after, .icon-cross:before {
    -webkit-mask-image: url(https://wirfuerdich.hamburg-tourism.de/wp-content/themes/knowledge-hub-template-child/Assests/images/cross.8dbee0c5.svg);
    mask-image: url(https://wirfuerdich.hamburg-tourism.de/wp-content/themes/knowledge-hub-template-child/Assests/images/cross.8dbee0c5.svg);
}
.form-ke-search-header .input-wrapper .close-search {
    top: 0
}
main::before {
    background-color: #003063;
    content: "";
    display: block;
    height: 53px;
    width: 100%;
}
.icon-linkedin:after, .icon-linkedin:before {
    -webkit-mask-image: url(/wp-content/uploads/2025/04/linkedin.svg);
    mask-image: url(/wp-content/uploads/2025/04/linkedin.svg);
}
footer {
    background-color: #003063 !important;
    color: #fff;
}
@font-face {
    font-family: 'HamburgSans';
    font-style: normal;
    font-weight: 400;
    src: local('HamburgSans'),
    url('https://hamburg-tourismus.teejit.io/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'HamburgSans Bold';
    font-style: bold;
    font-weight: 700;
    src: url('https://hamburg-tourismus.teejit.io/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Bold.ttf');
    src: local('HamburgSans Bold')
}
@font-face {
    font-family: 'HamburgSans Italic';
    font-style: italic;
    font-weight: 400;
    src: url('https://hamburg-tourismus.teejit.io/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Italic.ttf');
    src: local('HamburgSans Italic')
}
@font-face {
    font-family: 'HamburgSans Bolditalic';
    font-style: italic;
    font-weight: 700;
    src: url('https://hamburg-tourismus.teejit.io/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Bolditalic.ttf');
    src: local('HamburgSans Bolditalic')
}

@font-face {
    font-family: HamburgSans;
    font-style: normal;
    font-weight: 400;
    src: local("HamburgSans Regular"),local("HamburgSans-Regular"),url(/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Regular.21af013e.woff2) format("woff2")
}

@font-face {
    font-family: HamburgSans;
    font-style: normal;
    font-weight: 700;
    src: local("HamburgSans Bold"),local("HamburgSans-Bold"),url(/wp-content/themes/knowledge-hub-template-child/src/fonts/HamburgSans/HamburgSans-Bold.6189159c.woff2) format("woff2")
}
.h1lookalike {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3
}

.h2lookalike {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3
}

.h3lookalike {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .h3lookalike {
        font-size:24px;
        margin-bottom: 20px
    }
}

.h4lookalike, .footer-links h4 {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: 30px
}
.social-links h4 {
    font-size: 20px !important;
}

@media (max-width: 767.98px) {
    .h4lookalike {
        margin-bottom:10px
    }
}

.h5lookalike {
    font-size: 17px;
    font-weight: 700
}
p {
    font-size: 17px;
    line-height: 24px;
}
.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}
.button, button {
    padding:8px 20px !important;
}
button#togglePassword {
    padding:5px 9px !important;
}
body {
    font-family: 'HamburgSans', sans-serif !important;
}
.t-login-img > #header-logo-img {
    height: 90px !important;
}
.icon-search:after, .icon-search:before {
    -webkit-mask-image: url(https://hansen.hamburg-tourism.de/Assets/images/search.9c8b3dcf.svg);
    mask-image: url(https://hansen.hamburg-tourism.de/Assets/images/search.9c8b3dcf.svg);
}
.t-tag.t-tag-nav {
    background-color: #fff;
    border: 1px solid #003063;
    color: #003063;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 16px;
    height: 40px;
    align-items: center;
}

.t-tag-nav-home-flag-active, .t-tag-nav:hover {
    background-color: #003063 !important;
    color: #fff !important;
    border-color: #003063 !important;
    border: 1px solid #003063 !important;
}
.t-tag-nav .t-nav-head-element-icon.icon-after-text {
    color: var(--primary-background);
}
.t-kh-home-welcome-news-feed {
    height: 100%;
}
.t-kh-home-welcome-news-feed:hover .news-feed-h1 {
    color: #e10019;
}
.t-btn-dir-column, .t-btn-dir-row, .t-img-wrap, .search-result-img {
    border-radius: unset !important;
}
.t-tag-audience, .t-tag-category, .t-tag-label, .t-tag-level, .t-tag-subcategory, .t-tag-team {
    background-color: #fff;
}
.t-btn-dir-column:hover, .t-btn-dir-column {
    box-shadow: unset !important;
}
.t-button-directory:hover .t-btn-dir-info-title h3 {
    color: #e10019;
}
.t-btn-dir-column .t-img-wrap, .t-btn-dir-row .t-img-wrap {
    height: 210px;
}
.t-btn-dir-inner {
    padding: 0 14px 14px;
}
.t-process-line {
    background-color: #fff !important;
}
.t-process-line-text {
    padding-top: 3px;
}
.t-btn-dir-info-title {
    color: #003063;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.t-btn-dir-info-subtitle {
    color: #333;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 14px;
    overflow: hidden;
    font-size: 17px;
}
.t-btn-dir-inner > .t-tag-wrapper {
    display:none;
}
/* .t-tag-wrapper .t-tag {
    background-color: #c9d5e2;
    border-radius: 3px;
    color: #003063;
    font-size: 15px;
    line-height: 24px;
    padding: 4px 10px;
}*/
.t-btn-dir-column .t-img-wrap .top-line.top-line-w-logo {
    justify-content: flex-start;
    gap: var(--gap-medium);
}
.t-img-background-overlay {
    position: relative;
}
.t-img-line.bottom-line {
    /*
    max-height: 100%;
    right: 4px;
    text-align: end;
    top: 4px;
    position: absolute;
    padding:0px;
    */
}
/*
.copyright {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    max-height: 100%;
    padding: 4px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 1;
}
*/

.copyright {
    position: absolute;
    right: 0px;
    top: 0px;
    padding:4px;
    font-size: 12px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);/*
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
    z-index: 1;
}
.t-button-directory .copyright {
    -webkit-writing-mode: sideways-rl;
    -ms-writing-mode: sideways-rl;
    writing-mode: sideways-rl;
}
.copyright span {
    font-size: 12px;
    line-height: 14px;
    word-break: break-word;
}
.copyright-icon {
    width: 12px;
    display: inline-block;
    font-size: inherit;
    line-height: 14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.t-btn-primary:hover  {
    background-color: #a6151a !important;
}
details:not([open])>.accordion-header:hover {
    box-shadow:unset !important;
}
details:not([open])>.accordion-header:hover h3 {
    color: #e10019 !important;
}
#t-nav-toggle-left-menu {
    height:40px !important;
}

h1, h2, h3 {
    text-transform: unset;
}
.btn-primary, .t-btn-primary {
    background-color:var(--primary-background);
    border: 1px solid var(--primary-background);
    color:var(--primary-color);
    padding: .5rem 1.25rem;
    border-radius: var(--teejit-btn-border-radius-small);
}
.btn-primary:hover, .t-btn-primary:hover {
    background-color:var(--primary-background-hover);
    border: 1px solid var(--primary-color-hover);
    color:var(--primary-color-hover);
}

.t-kh-home-welcome-right {
    border-radius: unset;
    box-shadow: unset;
    flex: 2;
    background-color: rgb(227, 227, 227);
}
.t-news-feed-content-wrap span, .t-news-feed-content-wrap p {
    color: #003063;
}
.t-news-feed-bottom .btn-secondary {
    background-color: #e10019;
    color: #fff;
    border: 1px solid #c9d5e2;
}
.t-news-feed-bottom .btn-secondary:hover {
    background-color: #a6151a;
    color: #fff;
}

.t-mark-content-wrapper .t-mark-content {
    color: var(--text-color);
}
.t-mark-content-wrapper .t-marked-content {
    color: #fff;
}
.t-mark-content-wrapper .t-tag:hover {
    color: #fff;
}
.t-tag-team {
    background-color: var(--primary-background);
    color: var(--primary-color);
}


.t-kh-home-welcome-left h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}
/* teejit styles */
.footer-line-one {
    justify-content: flex-start;
}
.wrapper {
    max-width:1140px;
}
.footer-line-two > div, .footer-line-two .textwidget.custom-html-widget, .footer-line-two .row {
    flex:1;
    display:flex;
}
.wrapper  {
    max-width:100%;
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
}

@media (min-width: 576px) {
    .wrapper {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wrapper {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .wrapper {
        max-width: 1140px;
    }
}

.header-logo-wrap {
    margin-left: 30px;
}
.header-logo-wrap a {
    bottom: 20px;
    left: 150px;
    position: absolute;
}

.header.navigation .navbar .nav-link {
    line-height: 1.6rem;
}
/* Basics */
p, span {
    font-size: 17px;
    line-height: 24px;
}
.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.social-icon {
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 100%;
    color: #fff;
    height: 50px;
    padding: 13px;
    position: relative;
    width: 50px;
}
.social-icon.icon:before {
    height: 100%;
    width: 100%;
}

.icon.left:before, .icon.no-text:before, .icon.right:after {
    background-color: currentcolor;
    content: "";
    display: inline-block;
    height: 1em;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1em;
}
.icon.no-text:before {
    margin: 0;
}
.social-icon.icon:before {
    height: 100%;
    width: 100%;
}

.icon-linkedin:after,.icon-linkedin:before {
    -webkit-mask-image: url(https://hamburg-tourismus.teejit.io/wp-content/uploads/2024/11/linkedin.27c885ff.svg);
    mask-image: url(https://hamburg-tourismus.teejit.io/wp-content/uploads/2024/11/linkedin.27c885ff.svg)
}

/* bootstrap */
@media (min-width: 768px) {
    .col-md-3, .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}
@media (min-width: 768px) {
    .col-md-3 {
        width: 25%;
    }
}
.col-8 {
    width: 66.66666667%;
}
.col-7, .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (min-width: 768px) {
    .col-md-3, .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}
@media (min-width: 768px) {
    .col-md-3 {
        width: 25%;
    }
}

.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
}
.order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
}
.order-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
}
@media (min-width: 768px) {
    .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }
}
@media (min-width: 768px) {
    .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }
}
@media (min-width: 768px) {
    .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }
}
.certificates-container {
    background: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
    width: 100%;
}
.certificate-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.certificate-list img {
    max-height: 80px;
    width: auto;
}
/* root */
:root {
    --gap-small: 8px;
    --gap-medium: 12px;
    --gap-large: 24px;
    --sidebar-nav-width: 250px;
    --text-color: #333;
    --teejit--accent--gray: #e3e3e3;
    --primary-background: #e10019; /*#e10019;*/
    --primary-color:#fff;
    --primary-background-hover: #a6151a; /* if not set --primary-color */
    --primary-color-hover: #fff; /* if not set --primary-background */
    --primary-padding:.5rem 1.25rem;
    --secondary-background:#005ca9;
    --secondary-color: #fff;
    --secondary-background-hover:#204b86; /* if not set --secondary-color */
    --secondary-color-hover: #fff; /* if not set --secondary-background */
    --accordion-background:#c9d5e2; /* if not set --secondary-background */
    --accordion-color: #003063; /* 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: #198754;
    --teejit-error: #dc3545;
    --process-background-done: #dc3545;
    --process-background-undone: #7f8c8d;
    --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: 400;
    --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;
}
:root {
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}
/* menu */
#menu-hansen-klon-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

#menu-hansen-klon-header > li {
    position: relative;
    padding: 10px 15px;
    color: #003063;
    cursor: pointer;
}

#menu-hansen-klon-header > li:hover,
#menu-hansen-klon-header > li.active {
    background-color: rgba(0, 48, 99, 0.1);
}

#menu-hansen-klon-header .dropdown-toggle {
    position: relative;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

#menu-hansen-klon-header > li:hover .dropdown-toggle {
    transform: rotate(180deg);
}

#menu-hansen-klon-header > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #003063;
    min-width: 200px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    padding: 10px 0;
}

#menu-hansen-klon-header > li:hover > ul {
    display: block;
}

#menu-hansen-klon-header > li > ul > li {
    padding: 10px 15px;
    color: white;
}

#menu-hansen-klon-header > li > ul > li:hover {
    background-color: #005ca9;
}
@media (max-width: 995px) {
    #menu-hansen-klon-header {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #003063;
        flex-direction: column;
        z-index: 1000;
        overflow-y: auto;
        padding-top: 60px;
    }

    #menu-hansen-klon-header.active {
        display: flex;
    }

    #menu-hansen-klon-header > li {
        width: 100%;
        color: white;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 15px;
        position: relative;
    }

    #menu-hansen-klon-header > li:hover {
        border-bottom-color: #005ca9;
    }

    #menu-hansen-klon-header .dropdown-toggle {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    #menu-hansen-klon-header > li > ul {
        display: none;
        position: static;
        background: none;
        width: 100%;
        box-shadow: none;
        padding: 0;
    }

    #menu-hansen-klon-header > li:hover > ul,
    #menu-hansen-klon-header > li.active > ul {
        display: block;
    }

    #menu-hansen-klon-header > li > ul > li {
        padding: 10px 15px;
        background: rgba(255,255,255,0.1);
        color: white;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    #navbar-toggler .icon {
        display: none;
    }

    #navbar-toggler .icon-1 {
        display: block;
    }

    #navbar-toggler.active .icon-1 {
        display: none;
    }

    #navbar-toggler.active .icon-2 {
        display: block;
    }
}

.navbar-toggler {
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    -webkit-transition: var(--bs-navbar-toggler-transition);
    transition: var(--bs-navbar-toggler-transition);
    display:flex;
}
.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em;
}
header.navigation .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url(/Assets/images/navbar-toggler-close.e7aa4537.svg);
}
@media (min-width: 992px) {
    .navbar-toggler {
        display: none;
    }
}

#header-nav {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative;
}


.content-detail-teams {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-medium);
}

/* order the home page rows
.t-kh-home-row {
    order: 999;
}
#t-kh-home-search {
    order: 1;
}
*/

.hamburg-initiators-container {
    gap: var(--gap-large);
    margin-top: 24px;
    flex: 1;
    justify-content: space-between;
}
.hamburg-initiator {
    height: 50px;
}

.mark-toggle.mark {
    background-color: unset;
}
#t-nav.t-nav.left {
    display:none;
}


.t-btn-dir-column {
    flex-direction: column;
    max-width: 100%;
}
.content-detail-teams .t-button-directory {
    max-width: calc(calc(100% / 3) - 2 * var(--gap-medium) / 3);
}
/* Automatisch generiertes Farbschema für t-button-directory Elemente */

/* Farbschema für Zeile 1 (basierend auf Muster 1) */
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+1) {
    background-color: #003063;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+1) h3 {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+1) .t-btn-dir-info-subtitle {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+2) {
    background-color: #c9d5e2;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+3) {
    background-color: #e3e3e3;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+4) {
    background-color: #c9d5e2;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+5) {
    background-color: #e3e3e3;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+6) {
    background-color: #003063;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+6) h3 {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+6) .t-btn-dir-info-subtitle {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+7) {
    background-color: #e3e3e3;
}

#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+8) {
    background-color: #003063;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+8) h3 {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+8) .t-btn-dir-info-subtitle {
    color: white;
}
#page-team-profil .content-detail-teams .t-button-directory:nth-of-type(9n+9) {
    background-color: #e3e3e3;
}