/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/**** COLOR SCHEME, FONTS AND STYLE ELEMENTS ****/
@font-face {
    font-family: 'Open Sans Light'; /* Gew�nschter Name */
    src: url('/fonts/open-sans-v35-latin-300.woff2');
    /* f�r IE9 */
    src: url('/fonts/open-sans-v35-latin-300.woff2?#iefix') format('woff2'),
        /* f�r IE6-IE8 */ url('/fonts/open-sans-v35-latin-300.woff2') format('woff2'),
        /* f�r moderne Browser */ url('/fonts/open-sans-v35-latin-300.woff2') format('woff2');
    /* f�r Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url('/fonts/open-sans-v35-latin-regular.woff2');
    /* f�r IE9 */
    src: url('/fonts/open-sans-v35-latin-regular.woff2?#iefix') format('woff2'),
        /* f�r IE6-IE8 */ url('/fonts/open-sans-v35-latin-regular.woff2') format('woff2'),
        /* f�r moderne Browser */ url('/fonts/open-sans-v35-latin-regular.woff2') format('woff2');
    /* f�r Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans 600'; /* Gew�nschter Name */
    src: url('/fonts/open-sans-v35-latin-600.woff2');
    /* f�r IE9 */
    src: url('/fonts/open-sans-v35-latin-600.woff2?#iefix') format('woff2'),
        /* f�r IE6-IE8 */ url('/fonts/open-sans-v35-latin-600.woff2') format('woff2'),
        /* f�r moderne Browser */ url('/fonts/open-sans-v35-latin-600.woff2') format('woff2');
    /* f�r Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans 700'; /* Gew�nschter Name */
    src: url('/fonts/open-sans-v35-latin-700.woff2');
    /* f�r IE9 */
    src: url('/fonts/open-sans-v35-latin-700.woff2?#iefix') format('woff2'),
        /* f�r IE6-IE8 */ url('/fonts/open-sans-v35-latin-700.woff2') format('woff2'),
        /* f�r moderne Browser */ url('/fonts/open-sans-v35-latin-700.woff2') format('woff2');
    /* f�r Safari, Android, iOS */
}

@font-face {
    font-family: 'Open Sans 800'; /* Gew�nschter Name */
    src: url('/fonts/open-sans-v35-latin-800.woff2');
    /* f�r IE9 */
    src: url('/fonts/open-sans-v35-latin-800.woff2?#iefix') format('woff2'),
        /* f�r IE6-IE8 */ url('/fonts/open-sans-v35-latin-800.woff2') format('woff2'),
        /* f�r moderne Browser */ url('/fonts/open-sans-v35-latin-800.woff2') format('woff2');
    /* f�r Safari, Android, iOS */
}


.zigzag {
    width: 100%;
    background: linear-gradient(35deg, #FEED00 5px, transparent 0) 0 5px, linear-gradient(135deg, #FEED00 5px, #000 0) 0 5px;
    background-color: #FEED00;
    background-position: right bottom;
    background-repeat: repeat-y;
    background-size: 10px 10px;
}

.zigzag-2 {
    width: 100%;
    background: linear-gradient(35deg, #FFF 5px, transparent 0) 0 5px, linear-gradient(135deg, #FFF 5px, #000 0) 0 5px;
    background-color: #FFF;
    background-position: left bottom;
    background-repeat: repeat-y;
    background-size: 10px 10px;
}

body, #wrapper, #content, .content-wrapper {
    background-color: #ffffff !important;
}

.content-wrap {
    padding: var(--cnvs-content-padding) 0 0 0;
}

@media (min-width:1200px) and (max-width:1399px)
{
    .content-wrap {
       /* padding-top: 3.2rem !important;*/
    }
}

.content-wrap > .section:last-of-type,
.tool-content-wrap > .section:last-of-type {
    padding-bottom: 7rem !important;
    margin-bottom: 0 !important;
}

::selection {
    color: #000;
}

body, p, li {
    font-family: "Open Sans", serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

@media (max-width: 1400px) {
    body:not(.tool-section) #header {
        height: 72px;
    }
}

#footer p, #footer span, #footer div {
    color: #fff;
}

@media (max-width: 375px) {
    .footer-widgets-wrap small,
    .footer-widgets-wrap .small,
    .footer-widgets-wrap .counter.counter-small + h5,
    .footer-widgets-wrap .counter.counter-small + .h5 {
        font-size: 0.8em
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

body:not(.tool-section) h4,
body:not(.tool-section) h5,
body:not(.tool-section) h6 {
    font-weight: 600;
}

h1 {
    font-family: "Open Sans 600";
    font-size: 34px;
    line-height: 43px;
}

    h1.entry-title-h1-bold {
        font-family: "Open Sans", serif;
        font-weight:700 !important;
        font-size: 32px;
    }

a {
    cursor: pointer;
    color: var(--cnvs-link-color);
}

/* Fix ad-Image Distortion */
a[id^=adlnk_] img {
    height: auto;
}

z-index-0{
    z-index:0;
}

z-index-1
{
    z-index:1;
}

#wrapper p a:not(.btn), #wrapper .rte-content li a:not(.btn) {
    text-decoration: underline !important;
    color: inherit;
}

.smallFont {
    text-transform: uppercase;
    font-size: 11px;
    color: #333;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: "Open Sans Regular", serif;
}

.mediumFont {
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: "Open Sans Regular", serif;
}

strong.mediumFont {
    font-weight: 600 !important;
}

.largeFont {
    text-transform: uppercase;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans 600', serif;
}

#footer {
    background: url('/images/misc/footer-bg.jpg') repeat;
    background-size: cover;
}

.white {
    color: #ffffff !important;
}

.yellow {
    color: #ffed00 !important;
}

.black {
    color: #333333 !important;
}

/*+ footer social icons **/
#footer .social-icon i {
    font-size: 20px;
}

.bg-instagram {
    --cnvs-color-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: var(--cnvs-color-instagram);
    border: 0;
}

.social-icon[title="Xing"] {
    background-color: #126567;
}

.social-icon[title="Xing"] i {
    --cnvs-color-xing: #fff;
}

.social-icon[title="LinkedIn"] {
    background-color: #0e76a8;
}

.social-icon[title="LinkedIn"] i {
    --cnvs-color-linkedin: #fff;
}

/**** BUTTONS, INPUTS, ETC. ****/
.btn-success {
    background-color: transparent;
    border-color: #000000;
    color: #000;
    outline-color: #000;
    font-weight: 700;
    font-family: "Open Sans 700";
    font-size: 14px;
    padding: 11px 16px;
    border-radius: 12px;
    border-width: 2px;
}

.btn-success:hover, .btn-success:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #fff !important;
}

#btnTools {
    background-color: #ffed00 !important;
    border-color: #ffed00 !important;
    color: #333 !important;
}

#btnTools:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.button.button-border {
    border-color: #e9e9e9 !important;
}

.button.button-border:not(.button-fill):hover {
    color: #333;
    background-color: #e9e9e9;
    border-color: transparent !important;
}

.more-link {
    display: inline-block;
    padding: 0 2px;
    font-style: normal;
    background: #333;
    padding: 2px 8px;
}

.more-link:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#top-search-trigger {
    background-color: transparent !important;
    border-color: #333 !important;
    color: #333 !important;
}

#top-search-trigger:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    color: #333 !important;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    font-size: 20px;
}

.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
    color: #000 !important;
    background-color: var(--cnvs-themecolor);
}

.owl-var-one .owl-item img.event-logo {
    filter: brightness(1);
}

/**** HELPERS ****/
.max-w-65 {
    max-width: 65px;
}

.max-w-1700 {
    max-width: 1700px !important;
}

.max-w-1920 {
    max-width: 1920px !important;
}

.min-height-80 {
    min-height: 80px;
}

.min-height-225 {
    min-height: 225px !important;
}

.min-height-400 {
    min-height: 400px !important;
}

.min-height-525 {
    min-height: 525px !important;
}

.maxwidth-100p {
    max-width: 100% !important;
}

.maxwidth-90px {
    max-width: 90px !important;
}

.no-border-start .border-start {
    border-left: 0px !important;
}

.border-2-grey {
    border: 2px solid #f3f3f3 !important;
}

.border-3-grey {
    border: 3px solid #f3f3f3 !important;
}

/**** READ MORE ****/
.readmore {
    position: relative;
    max-height: 140px;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    transition: max-height 0.15s ease-out;
}

.readmore.expand {
    max-height: 5000px !important;
    transition: max-height 0.35s ease-in-out;
}

.readmore-link {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: blue;
    font-weight: bold;
    font-size: 16px;
    padding-top: 40px;
    background-image: linear-gradient(to bottom, transparent, white);
    cursor: pointer;
}

.readmore-link.expand {
    position: relative;
    background-image: none;
    padding-top: 10px;
    height: 20px;
}

/***** ARTICLE OVERVIEW ****/
.tagCloud {
    background-color: #fff;
    padding-bottom: 65px;
}

.tagListDropdown {
    width: 100%;
    border: none;
    padding: 15px 10px;
    text-align: right;
    border-radius: 0px;
}

.sectionHeadline {
    display: inline-block;
    padding: 20px 40px;
    background-color: #ddd;
    width: auto;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    top: -100px;
    font-size: 24px;
    transform: rotate(358deg);
    left: 20px;
    /*box-shadow: 1px 1px 10px #333;*/
}

.entry-title h2 a, .entry-title .h2 a, .entry-title h3 a, .entry-title .h3 a, .entry-title h4 a, .entry-title .h4 a, .entry-categories {
    color: #222222;
}

.fullwidthSectionHeader {
    position: absolute;
    z-index: 11;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 0px;
}

.dark .fullwidthSectionHeader {
    background: rgba(0, 0, 0, 0.9);
}

.dark .fancy-title::before, .dark .fancy-title::after {
    border-top: solid 1px #f3f3f3;
}

.fancy-title .badge {
    right: -5px !important;
}

.fancy-title .badge::before {
    content: '';
    position: absolute !important;
    width: 10px !important;
    height: 1px !important;
    background-color: #fff !important;
    top: 50% !important;
    left: -10px !important;
    z-index: 999;
}

.dark .fancy-title .badge::before {
    background-color: #5c5c5c !important;
}

.text-overlay-mask {
    opacity: 0.95;
}

.categoryIconSmall {
    position: absolute !important;
    z-index: 10;
    bottom: 38px;
    left: 0px;
    display: inline-block !important;
    width: auto !important;
    background: rgba(0, 0, 0, 0.7);
    padding: 2px 5px;
    font-size: 10px;
}

.categoryIcon-absolute {
    position: absolute;
    z-index: 99999;
    right: 10px;
    top: 10px;
}

.categoryIcon:hover, .categoryIconSmall:hover {
    color: #fff !important;
}

.portfolio-desc {
    background-color: rgba(255, 255, 255, 1);
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.contentCard {
    /*background: #f3f3f3;
    box-shadow: 1px 1px 10px #ccc*/
}

.contentCard .content {
    padding: 5px 20px;
    background: #fff;
    margin: auto;
    width: 93%;
    margin-top: -60px;
    position: relative;

}

@media (max-width: 767px) {
    .img-hover-card {
        padding: 0 15%;
    }
}

.contentVerticalCenter h2 {
    color: #fff;
}

.contentVerticalCenter {
    align-items: center;
    vertical-align: middle;
    align-content: center;
    display: flex;
}

.fbox-icon i, .fbox-icon img, .fbox-outline .fbox-icon a {
    background-color: #fff;
    cursor: default;
}

.bgWhite {
    background-color: #ffffff !important;
}

/**** PODCAST OVERVIEW AND DETAIL ****/
.podcastplatformIcon {
    position: absolute !important;
    bottom: 21px;
    right: 25px;
    z-index: 999;
    display: inline-block !important;
    width: auto !important;
}

.podcastplatformIcon img {

}

.podcaster .persons .owl-dots {
    bottom: -15px;
}

.podcaster-title {
    font-size: 12px;
}

/***** TEMP CLASSES ****/
.tagTheme1 {
    background-color: #f3f3f3 !important;
    border-top: solid 1px #ccc;
}

.tagTheme2 {
    background-color: #9b110a !important;
    color: #fff !important;
}

.tagTheme2 .sectionHeadline {
    background-color: #9b110a;
    color: #fff;
}

/* Background Colors */
.badge {
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    --bs-badge-border-radius: 5px;
    --bs-badge-font-weight: 700;
    font-family: "Open Sans 700";
    color: #000;
    padding: 4px 10px;
    background-color: rgb(255 237 0 / 85%) !important;
}

.badge:hover {
    background-color: #000 !important;
    color: #ffed00 !important;
}

.bgGrey {
    background-color: #f3f3f3;
}

.grey {
    color: var(--color-grey) !important;
}

.bgYellow {
    background-color: #FFED00;
}

.bg-secondary {
    --bs-bg-opacity: 0.8;
    background-color: #6f6f6f;
}

.bg-0, .bg-color-0.nav-link:hover, .menu-color-0 > a::before, .bg-color-0.nav-link.active {
    /*background: var(--cnvs-themecolor) !important;
    color: #333;*/
}

.bg-1, .bg-color-1.nav-link:hover, .menu-color-1 > a::before, .bg-color-1.nav-link.active {
    /*background: var(--cnvs-color-1) !important;*/
}

.bg-2, .bg-color-2.nav-link:hover, .menu-color-2 > a::before, .bg-color-2.nav-link.active {
    /*background: var(--cnvs-color-2) !important;
    */
}

.bg-3, .bg-color-3.nav-link:hover, .menu-color-3 > a::before, .bg-color-3.nav-link.active {
    /*background: var(--cnvs-color-3) !important;
    */
}

.bg-4, .bg-color-4.nav-link:hover, .menu-color-4 > a::before, .bg-color-4.nav-link.active {
    background: rgb(255 237 0 / 85%) !important;
    color: #000;
}

.bg-5, .bg-color-5.nav-link:hover, .menu-color-5 > a::before, .bg-color-5.nav-link.active {
    /*
    background: var(--cnvs-color-5) !important;*/
}

/***** EXPERTEN DASHBOARD ******/
.bubble {
    position: relative;
    background: #ffffff;
    font-size: 20px;
    border-radius: 10px;
    padding: 24px 20px 1px 20px;
}

.bubble:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px; /* Adjust the size of the peek */
    margin-top: -10px; /* Half of the height of the triangle */
    border-width: 10px 15px 10px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent; /* Set the same color as the background color of the speech bubble */
}

.bubble h4 {
    font-weight: 600 !important;
}

.bubble .fa-quote-right-alt {
    position: absolute;
    right: 32px;
    top: -21px;
    background-color: #000;
    color: #fe0;
    font-size: 32px;
    padding: 15px;
    border-radius: 90%;
}

.bubble p {
    font-size: 16px !important;
    line-height: 26px !important;
}

@media (max-width: 1200px) {
    .bubble p {
        font-size: 14px !important;
        line-height: 23px !important;
    }
}

@media (max-width: 768px) {
    .bubble p {
        font-size: 14px !important;
        line-height: 23px !important;
    }
}

.expertBoard .heading-block {
    margin-bottom: 25px;
}

.expertBoardAuthor, .expertBoardAuthor .mediumFont {
    font-size: 15px !important;
}

@media (max-width: 767px) {

    .expertBoardAuthor, .expertBoardAuthor .mediumFont {
        font-size: 14px !important;
    }
}

@media (max-width: 425px) {

    .expertBoardAuthor, .expertBoardAuthor .mediumFont {
        font-size: 12px !important;
    }
}

.team-person {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.person-container {
    border-radius: 50%;
    height: 365px;
    -webkit-tap-highlight-color: transparent;
    transform: scale(0.48);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 480px;
}

.person-container:hover {
    transform: scale(0.54);
}

.person-container-inner {
    position: relative;
    /*clip-path: path( "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z" );*/
    clip-path: path("M 783,400 C 390,812.9341 304.9341,590 200,679 119.065898,703 10,571.9341 10,434 V 10 H 200 390 Z");
    transform-origin: 50%;
    top: -200px;
}

.person-circle {
    border-radius: 50%;
    cursor: pointer;
    height: 460px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 210px;
    width: 460px;
}

.person-img {
    pointer-events: none;
    position: relative;
    transform: translateY(20px) scale(1.16);
    transform-origin: 50% bottom;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 460px;
    left: 22px;
    top: 164px;
}

.person-container:hover .person-img {
    transform: translateY(0) scale(1.2);
}

.skill-progress-title h5, .skill-progress-title .h5 {
    font-weight: 600;
}

.badgeSkill {
    cursor: default;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    --bs-badge-border-radius: 5px;
    color: #fe0;
    padding: 4px 10px;
    background-color: rgb(0 0 0) !important;
    font-weight: 900 !important;
}

/***** ARTICLE DETAIL ****/
.entry-title-detail {
    padding: 10px 20px 0px 20px;
    position: relative;
    z-index: 9;
    top: -30px;
    background-color: #ffffff;
    width: 95%;
    margin: auto;
    margin-bottom: -15px !important;
}

.entry-content-detail {
    padding: 0px 20px;
    width: 95%;
    margin: auto;
}

@media (max-width: 576px) {
    .entry-title-detail {
        padding: 10px 0px 0px 0px;
        top:0px;
        width:100%;
    }

    .entry-title-lg {
        font-size: 22px !important;
        line-height: 33px !important;
    }



    .entry-content-detail {
        padding: 30px 0px 0px 0px;
        width: 100% !important;
    }
}

.card-author {
    background-color: #f3f3f3;
    border: 0px solid #f3f3f3;
}

.anzeige {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    color: #ccc;
    padding: 0px 5px;
    background: rgba(0, 0, 0, 0.8);
    font-size: 10px;
}

/** pixelMe **/
.pixelMe {
    font-size: 20px;
    cursor: pointer
}

/** Video **/
/**  headlines **/
h3.fw-bold {
    font-family: "Open Sans 700", Sans-serif;
}

/** video wrapper **/
.entry-highlight {
    padding-top: 56.25%;
    position: relative;
}

.entry-highlight .poster-overlay {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-in-out;
}

iframe.responsive-iframe {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;

}

/** video content **/
.overlapp {
    margin-top: -120px;
}

@media (max-width: 767px) {
    .overlapp {
        margin-top: -50px;
    }
}

/** play button styles **/
a.is-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 98;
}

.button {
    display: inline-block;
    position: relative;
    --cnvs-btn-color: #000;
}

.button.is-play {
    background-color: #FFED00;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.button.is-play .button-outer-circle {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.button.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}

.button.is-play .button-icon .triangle {
    -webkit-animation: fadeIn 7s ease;
    animation: fadeIn 7s ease;
}

.button.is-play .button-icon .path {
    stroke-dasharray: 90;
    stroke-dashoffset: 0;
    -webkit-animation: triangleStroke 3s;
    animation: triangleStroke 3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.has-scale-animation {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
}

.has-delay-short {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

/******* EVENT OVERVIEW ********/
.themed-filter label {
    font-size: 14px;
    font-family: "Open Sans Light";
    font-weight: 300;
}

.event-logo {
    width: auto;
    max-height: 50px;
    top: 0;
    right: 0;
    position: absolute;
}

@media (max-width: 767px) {
    .event-logo {
        width: auto;
        max-height: 60px;
        top: 0;
        right: auto;
        position: relative;
        left: 0px;
    }
}

.entry-meta .event-detail > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.entry-meta .event-detail > div > i {
    font-size: 30px;
}

.themed-timeline .entry-date {
    background-color: var(--cnvs-themecolor);
    border-radius: 5px;
    padding: 8px;
}

.themed-timeline .entry-date span {
    font-size: 16px;
    font-family: "Open Sans Regular";
    font-weight: normal;
    line-height: 1.2;
}

.themed-timeline .entry-date .entry-clock {
    font-family: "Open Sans 700";
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.switchEventMode {
    text-align: right;
    position: absolute;
    right: 0px;
    z-index: 10000;
}

.post-events #no-events {
    font-size: 20px;
}

.post-events:has(#no-events):before,
.post-events:has(#no-events) #btnMoreEvents {
    display: none;
}

/* filters */
.themed-filter input, .themed-filter select {
    height: 25px;
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    padding: 0 10px 0 10px;
    border-radius: 5px;
    font-size: 14px;
}

/* Highlight Button */
.highlight-button {
    position: absolute;
    left: -15px;
    bottom: -125px;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden;
}

.highlight-button a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 15px 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    color: var(--cnvs-themecolor) !important;
    transition: 0.5s;
    background-color: #000;
    border-radius: 5px;
}

.entry-date .highlight-button a {
    color: #000 !important;
}

.highlight-button a span {
    display: block;
    position: absolute;
    margin-top: 0 !important;
    --highlight-border-color: #FFED00;
}

.highlight-button a span:nth-child(1) {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--highlight-border-color));
    animation: span_1 2s linear infinite;
}

.highlight-button-small {
    font-size: 11px;
}

.highlight-button-small a {
    padding: 5px 8px;
}

.highlight-button-top-left {
    bottom: auto;
    top: 10px;
    left: 10px;
    z-index: 9999;
}

.highlight-button-bottom-left {
    bottom: 10px;
    top: auto;
    left: 10px;
    z-index: 9999;
}

@keyframes span_1 {
    0% {
        left: -100%;
    }
    50%, 100% {
        left: 100%;
    }
}

.highlight-button a span:nth-child(2) {
    top: 0%;
    right: 0%;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, var(--highlight-border-color));
    animation: span_2 2s linear 0.25s infinite;
}

@keyframes span_2 {
    0% {
        top: -100%;
    }
    50%, 100% {
        top: 100%;
    }
}

.highlight-button a span:nth-child(3) {
    bottom: 0%;
    right: 0%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, var(--highlight-border-color));
    animation: span_3 2s linear 0.50s infinite;
}

@keyframes span_3 {
    0% {
        right: -100%;
    }
    50%, 100% {
        right: 100%;
    }
}

.highlight-button a span:nth-child(4) {
    bottom: 0%;
    left: 0%;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, var(--highlight-border-color));
    animation: span_4 2s linear 0.75s infinite;
}

@keyframes span_4 {
    0% {
        bottom: -100%;
    }
    50%, 100% {
        bottom: 100%;
    }
}

/* calender */
#calender-modal .fc-head {
    background-color: var(--cnvs-themecolor);
    color: #000;
    font-weight: 600;
    font-family: "Open Sans 600", sans-serif;
}

#calender-modal nav > span > i {
    background-color: #000;
    color: var(--cnvs-themecolor);
}

#calender-modal .fc-today, #calender-modal .fc-calendar-event a {
    background-color: var(--cnvs-themecolor);
    color: #000;
    font-weight: 600;
}

#calender-modal .fc-today .fc-date {
    color: #000;
}

#calender-modal .fc-row > div > div a:hover {
    background-color: var(--cnvs-themecolor) !important;
    opacity: .6;
    color: #000;
}

/*****
Event Detail
******/
.bg-blur {
    --bg-filter: blur(100px);
    --bg-blur-url: url('/');
    background-image: var(--bg-blur-url);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    filter: var(--bg-filter);
    z-index: 1;
}

.detail-stage-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.darkend::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .65) 100%);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#detail-stage .entry-categories a, #detail-stage h3 a span, #detail-stage .entry-meta i, #detail-stage .entry-meta li, #detail-stage .entry-meta li a {
    color: #fff;
}

#detail-stage .event-logo {
    position: relative;
}

/*****
Organisation Overview
*****/
.org-bullets {
    --bullet-gap: 6px;
    gap: var(--bullet-gap);
}

.org-bullets .bullet-item {
    font-size: 14px;
    flex-basis: calc(50% - var(--bullet-gap));
}

.contact-person {
    margin-top: 35px;
}


.bs-tooltip-organisation-wrapper
{
    display:none;
}

@media (max-width:1400px)
{
    .img-organisation-logo {
        display: none !important;
    }

    .bs-tooltip-organisation-wrapper {
        display: block;
    }
}
/*****
Provider / Tool Detail
*****/
.mb-50px {
    margin-bottom: 50px
}

.mt-50px {
    margin-top: 50px;
}

/**** BLOG STYLING *****/
/* ----------------------------------------------------------------
Canvas: Blog
-----------------------------------------------------------------*/
.entry::after {
    background-color: #EEE !important;
}

.dark .entry::after {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.dark .header-misc-icon > a {
    color: #EEE;
}

.header-size-custom #logo img {
    height: 70px;
}

.poweredBy {
    color: #999898;
}

.date-today {
    position: relative;
    margin-top: -1.25rem;
    margin-bottom: 1.5rem;
}

.date-today .divider-text {
    color: #777;
    font-size: 0.875rem !important;
    line-height: 1.3;
}

.date-today::after, .date-today::before {
    background-color: transparent;
    height: 0;
    border-top: none !important;
    border-bottom: none !important;
}

.ad-banner {
    text-align: center;
    max-width: 970px;
    margin: 0 auto;
}

.adFlag {
    position: absolute;
    right: 10px;
    top: -20px;
    font-size: 9px;
}

.icon-dark {
    font-family: 'font-icons';
}

.dark .icon-dark {
    font-family: 'lined-icons';
}

.dark .dark-mode .icon-dark::before {
    content: "\e9e3";
}

.dark-mode .icon-dark::before {
    content: "\eae7";
}

.dropdown-langs .dropdown-item {
    font-size: 14px;
}

.dropdown-langs img {
    margin-right: 8px;
    width: 18px;
    height: 18px;
}

.dropdown-langs .dropdown-toggle::after {
    position: relative;
    font-family: 'font-icons';
    content: "\e998";
    font-size: 10px;
    top: 3px;
    border: 0;
    color: #666;
    margin-left: -5px;
}

.social-icon.si-mini {
    --cnvs-socialicon-size: 1.75rem;
    --cnvs-socialicon-fontsize: 0.75rem;
    margin-bottom: 0;
}

.entry-title h3, .entry-title h3 a {
    font-family: "Open Sans", serif;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: rgb(0, 0, 0);
    outline-color: rgb(0, 0, 0);
}

@media (max-width: 991px) {
    .entry-title h3, .entry-title h3 a {
        font-size: 18px;
        --nwb-line-height: 28px!important;
        line-height: var(--nwb-line-height, 28px);
    }
}

@media (max-width: 425px) {
    .entry .grid-inner .entry-title h3 {
        height: auto;
    }
}

.entry-title-lg {
    font-size: 29px;
    line-height: 36px;
}

.contentCard .entry-title .entry-title.title-sm h2, .entry-title.title-sm h3, .entry-title.title-xs h2, .entry-title.title-xs h3 {
    font-size: 18px !important;
    line-height: 28px !important;
}

.entry-title.title-xs h2, .entry-title.title-xs h3, .entry-title h4 {
    font-size: 1.15rem;
}

.entry-title.title-xs h3 a {
    font-size: 18px;
}

.entry-title h4 {
    font-size: 1rem;
    font-weight: 400;
}

.entry-title h2 a, .entry-title h2 a:hover, .entry-title h3 a, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #222 !important;
}

:not(.dark) .entry-categories a {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #333;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 2px;
    font-family: "Open Sans Regular", Sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .entry-categories a {
    color: rgb(51, 51, 51);
}

.entry-meta {
    display: block;
    float: none;
    margin: 8px 0 0 0 !important;
    font-size: 14px !important;
    color: rgb(108, 117, 125);
    line-height: 24px;
}

.entry-meta li {
    color: rgb(108, 117, 125);
    font-size: 14px !important;
}

.entry-meta:not(.no-separator) li::before {
    content: "|";
}

.entry-content {
    --cnvs-post-content-margin: 10px;
    margin-top: 7px;
}

.entry-content p, .entry-content ul li {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.entry-content-infobox {
    background-color: #ffffff;
    position: relative;
    top: -20px;
    z-index: 9999;
    padding: 20px;
    display: flex;
}

.infoboxHeadline {
    position: absolute;
    top: -12px;
    left: -9px;
}

.dark .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.posts-md .entry-meta, .posts-md .entry-meta a, .posts-sm .entry-meta, .posts-sm .entry-meta a {
    font-size: 14px;
}

.dark .entry-meta li a {
    margin: 0 var(--cnvs-post-meta-margin) 0.75rem 0 !important;
    color: #6c757d !important;
}

.introWrapper {
    background: rgb(232, 233, 235);
    background: -moz-linear-gradient(90deg, rgba(232, 233, 235, 1) 0%, rgba(244, 244, 246, 1) 75%, rgba(203, 204, 206, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(232, 233, 235, 1) 0%, rgba(244, 244, 246, 1) 75%, rgba(203, 204, 206, 1) 100%);
    background: linear-gradient(90deg, rgba(232, 233, 235, 1) 0%, rgba(244, 244, 246, 1) 75%, rgba(203, 204, 206, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e9eb", endColorstr="#cbccce", GradientType=1);
    margin-bottom: 60px;
}

.introBox {
    padding: 30px 0;
    display: flex;
    align-items: start;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.introBox strong {
    font-weight: 700;
    font-family: "Open Sans", serif;
}

.introBox h1, .hero-slider-title h1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 9px;
    font-family: "Open Sans 800";
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    padding: 10px 20px;
    transform: rotate(358deg);
    margin-bottom: 30px;
}

.introBox h1 span {
    color: #ffed00
}

@media (max-width: 767px) {
    .introBox h1, .hero-slider-title h1 {
        font-size: 26px;
        text-align: center;
        align-self: center;
        margin-right: 20px;
        margin-left: 20px;
    }
}

/*
.posts-sm .entry:not(:first-child) .grid-inner,
.posts-md .entry:not(:first-child) .grid-inner {
padding-top: 2rem;
border-top: 1px solid #E5E5E5;
}*/
.dark .posts-sm .entry:not(:first-child) .grid-inner, .dark .posts-md .entry:not(:first-child) .grid-inner {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.week-posts {
    list-style: none;
}

.button.button-mini {
    background-color: var(--cnvs-btn-color);
    --cnvs-btn-fontsize: 14px !important;
    font-weight: 600;
    --cnvs-btn-color: #f3f3f3;
}

.button.button-mini span i {
    font-size: 20px !important;
    top: 2px;
    right: 0px;
    margin-right: 13px !important;
}

.button.button-mini:hover span i {
    transition: right linear .2s;
    right: -3px !important;
}

.button.button-mini:hover span {
    color: #0e76a8;
}

/*************************
Company Owl
***************************/
@media (max-width: 1199px) {
    .company-owl .entry-title .smallFont {
        min-height: 45px;
    }
}

/*************************
Company Owl End
***************************/
/*************************
Influencer
***************************/
.influencer-entry-image > a {
    width: 100px;
    height: 100px;
}

.influencer-owl .owl-nav [class*=owl-] {
    top: 50% !important;
}

.influencer-card .entry-title h4 {
    font-size: 21px;
}

@media (max-width: 1399px) {
    .influencer-card {
        min-height: 210px;
    }

    .influencer-card .entry-meta {
        min-height: 65px;
    }
}

@media (max-width: 1199px) {
    .influencer-card {
        min-height: 230px;
    }

    .influencer-card .entry-meta {
        min-height: 65px;
    }

    .influencer-card .entry-title h4 {
        font-size: 17px;
    }

    .influencer-entry-image > a, .influencer-entry-image > a img {
        width: 75px !important;
        height: 75px !important;
    }

    .influencer-card .entry-title .smallFont {
        min-height: 45px;
    }
}

@media (max-width: 991px) {
    .influencer-card {
        min-height: 0px;
    }

    .influencer-card .entry-meta {
        min-height: 0px;
    }

    .influencer-card .entry-title h4 {
        font-size: 24px;
    }

    .influencer-entry-image > a, .influencer-entry-image > a img {
        width: 125px !important;
        height: 125px !important;
    }
}

@media (max-width: 541px) {

    .influencer-card .entry-title h4 {
        font-size: 19px;
    }

    .influencer-entry-image > a, .influencer-entry-image > a img {
        width: 85px !important;
        height: 85px !important;
    }
}

/*************************
Influencer End
***************************/
.linkedInCompanyLogo img {
    margin-left: 5px;
    border-radius: 5px;
}

.week-posts li .entry-image {
    display: none;
}

.week-posts > li {
    counter-increment: step-counter;
}

.week-posts > li .grid-inner::before {
    content: "0" counter(step-counter) '.';
    position: absolute;
    left: 0;
    font-size: 26px;
    font-weight: 700;
    font-family: var(--cnvs-secondary-font);
    color: #DDD;
    line-height: 1;
}

.week-posts > li .grid-inner {
    padding-left: 48px;
}

.dark .week-posts > li::before {
    color: rgba(255, 255, 255, 0.3);
}

.play-icon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #EEE;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

.play-icon i {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 28px;
    color: #222;
    padding: 1px 0 0 3px;
    font-size: 10px;
    margin-right: 5px;
}

.color-underline {
    background-image: linear-gradient(rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1), rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1));
    background-repeat: no-repeat;
    background-size: 0 6px;
    background-position: 0 82%;
    padding: 0 2px 2px 0;
    transition: background .6s cubic-bezier(.19, 1, .22, 1);
}

.color-underline:hover, .active .menu-link .color-underline {
    background-size: 100% 8px;
}

@media (max-width: 1200px) {
    .menu-link .color-underline {
        display: inline-block;
    }
}

.color-underline-small {
    background-image: linear-gradient(rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1), rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1));
    background-repeat: no-repeat;
    background-size: 0 6px;
    background-position: 0 82%;
    padding: 0 2px 2px 0;
    transition: background .6s cubic-bezier(.19, 1, .22, 1);
}

.color-underline-small:hover {
    background-size: 100% 4px !important;
}

.color-underline-permanent {
    color: var(--cnvs-heading-color) !important;
    background-image: linear-gradient(rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1), rgba(var(--cnvs-themecolor-rgb, 255, 237, 0), 1));
    background-repeat: no-repeat;
    background-size: 0 6px;
    background-position: 0 82%;
    padding: 0 2px 2px 0;
    background-size: 100% 8px;
}

.entry-meta a {
}

.entry-meta a:hover {
    color: #000;
}

a.more-link {
    font-style: normal;
    border-bottom: none;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: underline !important;
}

.dark a.more-link {
    color: #DDD;
}

a.more-link i {
    font-size: 14px;
    margin-left: 5px;
}

.section-colored {
    background-color: #FFEAE6;
}

.page-title {
    background-color: #f3f3f3;
    padding: 70px 0px 20px;
}

.page-title-content h1 {
    font-size: 24px;
}

.dark.section {
    background-color: #5c5c5c;
}

.dark .section {
    background-color: rgba(255, 255, 255, 0.05);
}

/***
Topbar
***/
.poweredBy {
    color: #000;
    font-family: monospace;
}

.nwb-top-link {
    position: fixed;
    right: 0;
}

.nwb-top-link:hover {
    color: #000;
    background-color: var(--cnvs-themecolor)
}

/****
Tag Wrapper Article Overview
****/
.tag-wrapper h3 {
    font-family: "Open Sans", serif;
    font-weight: 700;
}

.tag-wrapper .tag {
    font-family: "Open Sans", serif;
    font-weight: 600;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #5F5961;
    color: #5F5961;
    word-break: normal;
    white-space: nowrap;
    border-radius: 5px;
    line-height: 19px;
    transition: all .2s ease-in-out;
}

.tag-wrapper .tag:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.tag-wrapper .more-tags {
    font-family: "Open Sans 700";
    font-weight: 700;
    font-size: 12px;
}

.tag-wrapper .more-tags i {
    transition: transform .2s ease-in-out;
}

.tag-wrapper .more-tags:not(.collapsed) i {
    transform: rotate(-180deg);
}

/****
Highlight Areas Items
****/
/*stage-padding*/
.stage-padding-content-height {
    height: 115px;
}

.stage-padding-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

@media (max-width: 425px) {

    .stage-padding-content-height {
        height: 135px;
    }


    .stage-padding-content-height .entry-meta ul {
        padding-bottom: 20px;
    }

    .stage-padding-content-height .entry-meta li {
        margin: 0px;
    }
}

/*fullwidth*/
.fullwidth-item-logo {
    position: absolute;
    top: 25px;
}

.fullwidth-item-logo img {
    width: 100%;
    max-width: 120px;
}

.fullwidth-topEvent {
    position: absolute;
    right: 160px;
    top: 15px;
    bottom: unset;
    left: unset;
}

.headline-fullwidth-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.fullwidth-button {
    position: absolute;
    bottom: 10px;
}

/* not fullwidth */
.btn-block-item {
    position: absolute;
    bottom: 20px;
}

.excerpt-container {
    height: 150px;
    overflow: hidden;
}

.excerpt-container-content {
    --line-height: 24px;
    --lines-hide: 4;
    overflow: hidden;
    max-height: calc(var(--line-height) * var(--lines-hide));
}

.cutoff-indicator {
    bottom: 0;
    left: 50%;
    animation: customPulse;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@keyframes customPulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%);
        transform: scale3d(1, 1, 1) translate(-50%, -50%);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
        transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1) translate(-50%, -50%);
    }
}

.excerpt-container-content p {
    line-height: var(--line-height);
}

/*fullwidth*/
.excerpt-container-fw {
    height: 160px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .event-preview-text .excerpt-container-fw {
        height: 140px;
    }
}

.excerpt-container-content-fw {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fullwidth-item-logo {
    position: absolute;
    top: 25px;
}

.fullwidth-item-logo img {
    width: 100%;
    max-width: 120px;
}

.fullwidth-topEvent {
    position: absolute;
    right: 160px;
    top: 15px;
    bottom: unset;
    left: unset;
}

.fw-button-bottom {
    position: fixed;
    bottom: 30px;
}

.highlight-slider-li {
    font-size: 15px;
    list-style: none;
    margin-left: 10px;
}

.highlight-slider-li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    margin: 0 5px 0 -22px;
    color: #000;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .highlight-slider-li {
        font-size: 15px;
    }
}


/*****
Owl Varianten
*****/
/** Common config **/
.owl-carousel .owl-nav .owl-next {
    right: calc(-1.2 * var(--cnvs-owl-nav-sizes) / 2)
}

.owl-carousel .owl-nav .owl-prev {
    left: calc(-1.2 * var(--cnvs-owl-nav-sizes) / 2)
}

.owl-carousel:hover .owl-nav .owl-next {
    right: calc(-2 * var(--cnvs-owl-nav-sizes) / 2)
}

.owl-carousel:hover .owl-nav .owl-prev {
    left: calc(-2 * var(--cnvs-owl-nav-sizes) / 2)
}

.owl-carousel .owl-nav [class*=owl-] {
    opacity: 0.5;
}

@media (max-width: 768px) {
    .owl-carousel .owl-nav .owl-next {
        right: calc(0.2 * var(--cnvs-owl-nav-sizes) / 2)
    }

    .owl-carousel .owl-nav .owl-prev {
        left: calc(0.2 * var(--cnvs-owl-nav-sizes) / 2)
    }


    .owl-carousel:hover .owl-nav .owl-next {
        right: calc(0 * var(--cnvs-owl-nav-sizes) / 2)
    }

    .owl-carousel:hover .owl-nav .owl-prev {
        left: calc(0 * var(--cnvs-owl-nav-sizes) / 2)
    }

    .owl-carousel .owl-nav [class*=owl-] {
        top: 36%;
        opacity: 0.5;
    }

    .company-owl .owl-nav [class*=owl-] {
        top: 50%;
        opacity: 0.5;
    }
}

/** variant 1 **/
.news-carousel .sale-flash {
    z-index: 9;
    left: 24px;
}

.owl-var-one .owl-item img {
    filter: brightness(0.7);
}

.owl-var-one .owl-item .bg-overlay-content .portfolio-desc {
    display: none;
}

.owl-var-one .owl-item.active .bg-overlay-content .portfolio-desc {
    animation: fadeInUp;
    animation-duration: 1s;
    display: block;
}

.owl-var-one .owl-item .sale-flash .badge, .owl-var-one .owl-item .oc-item > .categoryIcon {
    display: none;
}

.owl-var-one .owl-item.active .sale-flash .badge, .owl-var-one .owl-item.active .oc-item > .categoryIcon {
    animation: fadeIn;
    animation-duration: 1s;
    display: inline-block;
}

.owl-item.active {
    display: block;
}

/*****
Single Hihglighted Variant
*****/
.article-highlight {
    background-image: var(--article-bg-image);
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50.25%;
    background-size: cover;
    overflow: hidden;
}

.article-content {
    bottom: 72px;
    left: 72px;
}

.article-content-wrapper {
    background: var(--article-bg-color);
    padding: 36px;
    max-width: 600px;
    width: 100%;
}

@media (min-width:992px) and (max-width:1200px)
{
    .article-content {
        bottom: 40px;
        left: 50px;
    }
}

@media (max-width: 991px) {
    .fullItem .article-content {
        position: relative !important;
        width: 100% !important;
        bottom: 0px !important;
        left: 0px !important;
    }

    .article-content-wrapper {
        max-width: 696px;
    }
}

.article-content-wrapper.dark {
    --article-bg-color: rgba(0, 0, 0, .8);
    --article-content-headline: var(--cnvs-themecolor);
    --article-content-paragraph: #fff;
}

.article-content-wrapper {
    --article-bg-color: rgba(255, 255, 255, .85);
}


.article-content > h5 {
    color: #000;
    font-size: 14px;
}

.article-content > h5 {
    text-transform: uppercase;
}

.article-content p {
    font-family: "Open Sans Light";
    font-weight: 300;
    font-size: 15px;
    color: var(--article-content-paragraph)
}

.article-content h2 {
    color: var(--article-content-headline);
    font-family: "Open Sans 700";
    line-height: 1.3;
    font-size: 22px;
}

.article-content h2.highlighted a {
    background-color: var(--cnvs-themecolor);
    color: #000 !important;
}

.article-content .article-content-wrapper.dark .entry-meta {
    color: #fff;
}

.article-content .article-content-wrapper.dark .entry-meta a:hover {
    color: var(--cnvs-themecolor);
}

.author-avatar {
    max-width: 100px;
    width: 100%;
    border-radius: 50%;
}

.btn-article {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--cnvs-themecolor);
    --bs-btn-border-color: var(--cnvs-themecolor);
    --bs-btn-hover-color: var(--cnvs-themecolor);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--cnvs-themecolor);;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
    font-family: "Open Sans 600";
    font-weight: 600;
}

/*****
Cube Button
****/
.cube-button {
}

.cube-button a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Open Sans 700";
    font-weight: 700;
    height: 100%;
    display: flex;
    box-shadow: var(--gray-border-color) 0px 6px 10px;
}

.cube-button span {
    padding: 0px 15px;
    transition: .5s;
    position: relative;
    height: 44px;
    display: inline-block;
}

.cube-button span:nth-child(1) {
    color: #fff;
    background: #000;
}

.cube-button span:nth-child(2) {
    color: #fff;
    background: var(--cnvs-themecolor);
}

.cube-button span:nth-child(1):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: var(--cnvs-themecolor);
    padding: 10px 15px;
    color: #000;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(90deg) translateY(-50%);
}

.cube-button:hover span:nth-child(1):before {
    transform: rotateX(0deg) translateY(0%);
}

.cube-button span:nth-child(2):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    padding: 10px 15px;
    transition: 0.5S;
    transform-origin: bottom;
    transform: rotateX(90deg) translateY(50%);
}

.cube-button:hover span:nth-child(2):before {
    transform: rotateX(0deg) translateY(0%);
}

.cube-button span:nth-child(1):after {
    content: attr(data-attr);
    padding: 10px 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    transform-origin: bottom;
    transform: rotateX(0deg) translateY(0%);
    transition: 0.5s;
}

.cube-button:hover span:nth-child(1):after {
    transform: rotateX(90deg) translateY(50%);
}

.cube-button span:nth-child(2):after {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    background: var(--cnvs-themecolor);
    padding: 10px 15px;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(0deg) translateY(0%);
}

.cube-button:hover span:nth-child(2):after {
    transform: rotateX(90deg) translateY(-50%);
}

.cube-button-small a {
    font-size: 11px;
}

.cube-button-small span {
    padding: 0px 8px;
    height: 20px;
}

.cube-button-small span:nth-child(1):before {
    padding: 3px 8px;
}

.cube-button-small span:nth-child(2):before {
    padding: 3px 8px;
}

.cube-button-small span:nth-child(1):after {
    padding: 3px 8px;
}

.cube-button-small span:nth-child(2):after {
    padding: 3px 8px;
}

/************
Custom Symbols
***********/
.hashtagSymbol {
    display: flex;
    border: solid 12px #ffed00;
    padding: 20px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    font-size: 77px;
    font-weight: 700;
}

/************
Logo Animations
***********/
/** general **/
.logo-animation {
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

/** kurse **/
#kurse-logo {
    background-image: url("/images/logo/TaxAndBytes/taxandkurse_black.svg");
}

/* preload the svg */
#kurse-logo::after {
    background-image: url("/images/logo/TaxAndBytes/taxandkurse_white_zoom.svg");
}

#kurse-logo:hover {
    animation: kurseLogo;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}

@keyframes kurseLogo {
    0% {
        background-image: url("/images/logo/TaxAndBytes/taxandkurse_black.svg");
    }

    50% {
        background-image: url("/images/logo/TaxAndBytes/taxandkurse_white_zoom.svg");
    }

    100% {
        background-image: url("/images/logo/TaxAndBytes/taxandkurse_black.svg");
    }
}

/**** Custom Styles ****/
.last-p-mb-0 p:last-of-type {
    margin-bottom: 0px;
}

/**************
Elements
**************/
/** sidebar element **/
aside .widget {
    --cnvs-widget-margin: 1.5rem;
}

/* important otherwise sticky wont work */
.content-wrap:has(.sticky-sidebar) {
    overflow: visible;
}

/** Highlights Karte **/
/* icon wrapper */
.sidebar .card-head .icon-wrapper {
    width: 50px;
    height: 50px;
}

/* icon */
.sidebar .card .card-head i {
    font-size: 24px;
}

/** content card **/
.content-card {
    --card-gutter: 1.5rem;
    padding: var(--card-gutter);
    margin-left: calc(var(--card-gutter) / 2);
    margin-right: calc(var(--card-gutter) / 2);
}

/** persons card **/
.persons .person-name {
    font-family: "Open Sans 600", Sans-serif;
    font-weight: 600;
    color: #000;
}

/** quotes card **/
/* quote bubble */
.quotes .quote-bubble {
    --cnvs-bubble-color: var(--cnvs-themecolor);
}

.quotes .quote-bubble p {
    color: #000;
    font-family: "Open Sans Regular";
    font-weight: normal;
}

.quotes h4 {
    font-family: "Open Sans 600";
    font-weight: 600;
    color: #000;
}

/** podcast provider **/
a:has(.podcast-provider) {
    transition: background-color .4s ease-in-out;
    display: block;
}

a:has(.podcast-provider):hover {
    background-color: var(--cnvs-themecolor);
}

.podcast-provider {
    padding: 5px;
    border: 1px solid #00000059;
    border-radius: 5px;
}

.podcast-provider img {
    max-width: 40px;
    width: 100%;
}

/** buttons **/
/*  call to action detail page button */
/* filter buttons */
.btn-filter {
    font-size: 14px;
    color: #000;
    background: transparent;
    border: 1px solid #000;
    margin-bottom: 10px;
    max-width: 35px;
    width: 100%;
    line-height: 18px;
    transition: all .2s ease-in-out;
}

.btn-filter:hover {
    background: #000;
    color: var(--cnvs-themecolor);
    border: 1px solid #000;
}

/*********************************************
Profile Editor
***********************************************/
.selected {
    border: solid greenyellow 2px;
}

/* no print */
@media print {
    .no-print,
    .no-print * {
        visibility: hidden;
    }
}

/**** MEDIA QUERIES ****/
@media (max-width: 479px) {

    #expertSlider {
        max-height: none !important;
        height: 580px !important;
    }

    #expertSlider_forcefullwidth {
        height: 580px !important;
    }

    .largeFont {
        font-size: 12px !important;
    }


    .tp-caption .largeFont {
        font-size: 10px !important;
    }
}

@media (max-width: 375px) {
    #expertSlider {
        max-height: none !important;
        height: 500px !important;
    }

    #expertSlider_forcefullwidth {
        height: 500px !important;
    }
}