.vkmt-wrap,
.vkmt-events {
    width: 100%;
    box-sizing: border-box;
}

.vkmt-heading {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 4px 7px !important;
    color: #acd596 !important;
    border-bottom: 2px dashed rgba(255,255,255,.28);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    box-sizing: border-box;
}

.vkmt-event {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 9px 0 9px 5px;
  border-bottom: 1px solid rgba(255,255,255,.16);
  color: #fff !important;
  text-decoration: none !important;
  transition: background-color .15s ease;
}

#main-header #menu-item-33366 .vkmt-wrap {
    margin-top: 0 !important;
    transform: translateY(-10px);
}

.vkmt-event:hover {
    background: #3b4658 !important;
}

.vkmt-event:hover .vkmt-title,
.vkmt-event:hover .vkmt-time {
    color: #fff !important;
}

.vkmt-date {
    display: block;
    width: 46px;
    min-width: 46px;
    text-align: center;

    border: 1px solid rgba(255,255,255,.55);
    border-radius: 3px;
    overflow: hidden;
    line-height: 1;
}

.vkmt-month {
    display: block;
    padding: 5px 2px 4px;

    background: #168421;
    color: #fff;

    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.vkmt-day {
    display: block;
    padding: 5px 2px 6px;

    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.vkmt-info {
    display: block;
    flex: 1;
    min-width: 0;
}

.vkmt-time,
.vkmt-title {
    display: block;
}

.vkmt-time {
    margin: 2px 0 5px;

    color: rgba(255,255,255,.88);
    font-size: 14px;
    line-height: 1.25;
}

.vkmt-title {
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
}

.vkmt-all {
    display: block;
    margin-top: 14px;
    padding-right: 20px;

    color: #b8ed72 !important;
    text-align: right;
    text-decoration: none !important;
    font-size: 15px;
}

.vkmt-all:hover {
    text-decoration: underline !important;
}

.vkmt-message {
    padding: 10px 0;
    color: rgba(255,255,255,.8);
}

#main-header .CoAktuelles > .sub-menu {
    width: 800px !important;
    min-width: 800px !important;
    height: auto !important;
    min-height: 0 !important;

    left: -400px !important;

    display: none !important;

    padding: 12px 14px 18px !important;

    background: #18212b !important;
    box-sizing: border-box !important;
}

#main-header .CoAktuelles:hover > .sub-menu,
#main-header .CoAktuelles:focus-within > .sub-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

#main-header .CoAktuelles > .sub-menu > li {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;

    border-bottom: none !important;
    box-sizing: border-box !important;
}

#main-header .CoAktuelles > .sub-menu > #menu-item-26536 {
    width: 200px !important;
    flex: 0 0 200px !important;
}

#main-header .CoAktuelles > .sub-menu > #menu-item-23193 {
    width: 210px !important;
    flex: 0 0 210px !important;
}

#main-header .CoAktuelles > .sub-menu > #menu-item-33366 {
    width: 340px !important;
    flex: 0 0 340px !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}

#main-header #menu-item-33366 .yawp_wim_wrap,
#main-header #menu-item-33366 .widget-area,
#main-header #menu-item-33366 .yawp_wim_widget,
#main-header #menu-item-33366 .vkmt-wrap,
#main-header #menu-item-33366 .vkmt-events {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {

    .vkmt-event:nth-of-type(n+4) {
        display: none;
    }

    .vkmt-event {
        gap: 12px;
        padding: 8px 0;
    }

    .vkmt-date {
        width: 42px;
        min-width: 42px;
    }

    .vkmt-title {
        font-size: 14px;
    }

    .vkmt-time {
        font-size: 13px;
    }

    .vkmt-heading {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 4px 7px !important;
    color: #acd596 !important;
    border-bottom: 2px dashed rgba(255,255,255,.28);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    box-sizing: border-box;
}
}


#main-header #menu-item-33368 .yawp_wim_widget > p:empty,
#main-header #menu-item-33368 .widget_block > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}


.CoAktuelles .yawp_wim_widget > p:empty,
.CoAktuelles .widget_block > p:empty,
.CoAktuelles .widget_block > p:first-child:empty,
.CoAktuelles .vk-kongress-promo p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

.CoAktuelles .vk-kongress-promo {
    width: 200px !important;
    max-width: 200px !important;
    margin: 0 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.CoAktuelles .vk-kongress-promo-card {
    display: block !important;
    width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.CoAktuelles .vk-kongress-promo-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 7px !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

.CoAktuelles .vk-kongress-promo-subtitle,
.CoAktuelles .vk-kongress-promo-card .vk-kongress-promo-subtitle {
    display: none !important;
}

.CoAktuelles .vk-kongress-image {
    display: block !important;
    width: 200px !important;
    height: 112px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
}

.CoAktuelles .vk-kongress-promo-button {
    display: block !important;
    width: 200px !important;
    margin: 0 !important;
    padding: 7px 0 9px !important;
    color: #fff !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
}

.CoAktuelles .vk-kongress-promo-button::after,
.CoAktuelles .vk-kongress-promo-card::after {
    content: none !important;
    display: none !important;
}

.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-promo-title,
.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-promo-button {
    background: #3b4658 !important;
    color: #fff !important;
}

.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-image {
    opacity: .9 !important;
}

#block-4 p {
    display: none !important;
}

.CoAktuelles .vk-kongress-promo-button {
    display: block !important;
    width: 200px !important;
    margin: 0 !important;
    padding: 7px 0 0 !important;
    color: #fff !important;
    background: transparent !important;
    border-bottom: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
}

#block-3 > p:empty,
#block-4 > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

#main-header #menu-item-33366 .vkmt-wrap {
    margin-top: 0 !important;
    transform: translateY(13px) !important;
}

.vkmt-info {
    display: block;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.vkmt-time {
    display: block;
    margin: 2px 0 5px;
}

.vkmt-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.CoAktuelles .vk-kongress-promo-title::after {
    content: " (neu)";
    color: #ffd400;
    font-size: 12px;
    font-weight: 700;
}

.CoAktuelles .vk-kongress-promo {
    width: 190px !important;
    max-width: 190px !important;
}

.CoAktuelles .vk-kongress-promo-card {
    width: 190px !important;
}

.CoAktuelles .vk-kongress-promo-title {
    width: 190px !important;
    min-height: 31px !important;
    padding: 0 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.CoAktuelles .vk-kongress-image {
    width: 190px !important;
}

.CoAktuelles .vk-kongress-promo-button {
    width: 190px !important;
}

.CoAktuelles .vk-kongress-promo {
    width: 188px !important;
    max-width: 188px !important;
}

.CoAktuelles .vk-kongress-promo-card {
    width: 188px !important;
}

.CoAktuelles .vk-kongress-promo-title {
    width: 188px !important;
}

.CoAktuelles .vk-kongress-image {
    width: 188px !important;
}

.CoAktuelles .vk-kongress-promo-button {
    width: 188px !important;
}

.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-promo-title,
.CoAktuelles .vk-kongress-promo-card:focus .vk-kongress-promo-title,
.CoAktuelles .vk-kongress-promo-card:focus-visible .vk-kongress-promo-title {
    background: #3f4b5e !important;
}

.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-image,
.CoAktuelles .vk-kongress-promo-card:focus .vk-kongress-image,
.CoAktuelles .vk-kongress-promo-card:focus-visible .vk-kongress-image,
.CoAktuelles .vk-kongress-promo-card:hover .vk-kongress-promo-button,
.CoAktuelles .vk-kongress-promo-card:focus .vk-kongress-promo-button,
.CoAktuelles .vk-kongress-promo-card:focus-visible .vk-kongress-promo-button {
    background-color: #3f4b5e !important;
}

.CoAktuelles .vk-kongress-promo-card:hover,
.CoAktuelles .vk-kongress-promo-card:focus,
.CoAktuelles .vk-kongress-promo-card:focus-visible {
    background: #3f4b5e !important;
}


/* Allgemeine Promo-Kachel */
.vk-menu-promo {
    width: 100%;
    box-sizing: border-box;
}

.vk-menu-promo-heading {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 4px 7px !important;
    color: #acd596 !important;
    border-bottom: 2px dashed rgba(255,255,255,.28);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    box-sizing: border-box;
}

.vk-menu-promo-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.vk-menu-promo-title,
.vk-menu-promo-text {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

.vk-menu-promo-title {
    padding: 8px 0 7px !important;
}

.vk-menu-promo-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border: 0 !important;
}

.vk-menu-promo-text {
    padding: 7px 0 0 !important;
}

.vk-menu-promo-card:hover,
.vk-menu-promo-card:focus,
.vk-menu-promo-card:focus-visible {
    background: #3f4b5e !important;
}

/* Mega-Menue Verein: breite Linkspalte + Promo-Spalte */
#main-header .CoVerein > .sub-menu {
    width: 800px !important;
    min-width: 800px !important;
    height: auto !important;
    min-height: 0 !important;
    left: -400px !important;
    display: none !important;
    padding: 12px 14px 18px !important;
    background: #18212b !important;
    box-sizing: border-box !important;
}

#main-header .CoVerein:hover > .sub-menu,
#main-header .CoVerein:focus-within > .sub-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

#main-header .CoVerein > .sub-menu > li {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
}

#main-header .CoVerein > .sub-menu > #menu-item-19939 {
    width: 540px !important;
    flex: 0 0 540px !important;
}

#main-header .CoVerein #menu-x2-verein {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
}

#main-header .CoVerein #menu-x2-verein > li {
    width: 100% !important;
}

#main-header .CoVerein .yawp_wim_wrap,
#main-header .CoVerein .widget-area,
#main-header .CoVerein .yawp_wim_widget {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}