/*------------------------------Start Form -----------------------------*/
#anmelden {
    width: 100%;
}
#tl-event-form {
    width: 100%;
    background-color: #F3F4F3;
}
.tl-event-form--input {
    border-radius: 0.4rem;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0.375rem 0.625rem;
    width: 100%;
}
.tl-event-form--input:focus {
    outline: none !important;
    box-shadow: 0 0 3px #719ECE;
}
.tl-event-form--select {
    border-radius: 0.4rem;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0.375rem 0.625rem;
    width: 100%;
}
.tl-event-form--select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #719ECE;
}
.tl-event-form--button {
    background-color: #EC6500;
    display: inline-block;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    border: 2px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.tl-event-form--error {
    color: red;
    padding: 5px;
}
.tl-event-form--errors {
    background-color: #F8D7DA;
    color: red;
    width: 86%;
    margin:  1rem auto 1rem auto;
    border-radius: 5px;
}
.tl-event-form--errors p {
    padding: 1rem 1rem 0 1rem;
    margin: 0;
}
.tl-event-form--errors ul {
    padding: 0 1rem 1rem 1rem;
    margin: 1rem;
}
.tl-event-form--required {
   color:  #17a2b8;
    line-height: 1.6;
}
#subscriber-payment-containter.d-price-none {
    display: none !important;
}
.subscriber-language-container {
    display: none;
}
#subscriber-language {
    display: none;
}
.download-area-container {
    margin-top: 150px !important;
}
.download-area--errors {
    background-color: #F8D7DA;
    color: red;
    width: 88%;
    border-radius: 5px;
}
#subscriber-event {
    width: 100%;
    max-width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    background-color: #fff;
}
#subscriber-event option {
    max-width: 100%;
    white-space: normal;
}
#payment-bank-data {
    width: 50%;
}
#payment-bank-data .payment-bank-data-el {
    width: 30%;
}
#tl-event-form-dsgvo {
    width: 20px;
    height: 20px;
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid gray;
    border-radius: 0.2rem;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    margin-right: 10px;
}
#tl-event-form-dsgvo-label {
    left: 50px;
}
#tl-event-form-dsgvo-container {
    height: 120px;
}
#tl-event-form-dsgvo:checked::before {
    content: "\2713";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #00338d;
    font-size: 20px;
    font-weight: bold;
}
#tl-event-form-dsgvo:focus {
    box-shadow: 0 0 3px #719ECE;
}
.radio-payment {
    width: 15px;
    height: 15px;
}
.event-block-log {
    background: #CFE2FF;
    padding: 2rem;
    margin-bottom: 2rem !important;
    border-radius: 10px;
    color: #00338d;

}
hr.form-line {
    border: 1px solid #dfe3e6;
    display: block;
    margin-left: 8px;
    margin-right: 8px;
}
.info-adress-form {
    font-size: 16px;
    color: #979a9c;
    margin-left: 8px;
    margin-right: 8px;
}
.radio-participation {
    width: 15px;
    height: 15px;
}
.radio-person {
    width: 15px;
    height: 15px;
}
/*------------------------------End Form -----------------------------*/

/*------------------------------ Start event list -----------------------------*/
.ume-events-wrapper .ume-event > :first-child {
    background-color: #E5EAF3;
}
.ume-events-wrapper .ume-event img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.ume-events-wrapper .ume-event figure {
    margin-bottom: 0;
}
.ume-events-wrapper .ume-event__img .wp-block-image {
    height: 100%;
}
.ume-events-wrapper .ume-event__date {
    margin: -2.75rem 0 2.75rem -1.75rem;
}
.ume-events-wrapper .ume-event__date span {
    display: inline-block;
    color: #fff;
    background-color: #333;
    padding: 0.5rem 1rem;
}
.ume-events-wrapper .ume-event__time, .ume-events-wrapper .ume-event__location, .ume-events-wrapper .ume-event__date-detail {
    display: flex;
    align-items: center;
}
.ume-events-wrapper .ume-event__time-icon, .ume-events-wrapper .ume-event__location-icon {
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1rem;
    height: 1rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 512 512'%3e%3cpath d='M256 512C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3e%3c/svg%3e");
}
.ume-events-wrapper .ume-event__certificate-icon {
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1rem;
    height: 1rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='512' height='512'%3E%3Cg id='Medal'%3E%3Cpath d='M23.87,47.59a8.1954,8.1954,0,0,1-5.06-4.69,2.227,2.227,0,0,0-1.92-1.35,8.3622,8.3622,0,0,1-3.41-.99l-6.5,17.1a.9994.9994,0,0,0,1.27,1.3l7.87-2.83,4,7.35A1.0176,1.0176,0,0,0,21,64h.07a.9908.9908,0,0,0,.86-.64l5.89-15.48a7.84,7.84,0,0,1-1.37.12A8.386,8.386,0,0,1,23.87,47.59Z'/%3E%3Cpath d='M57.02,57.66l-6.5-17.1a8.3172,8.3172,0,0,1-3.4.99,2.2292,2.2292,0,0,0-1.93,1.35,8.1954,8.1954,0,0,1-5.06,4.69,8.386,8.386,0,0,1-2.58.41,7.84,7.84,0,0,1-1.37-.12l5.89,15.48a.9908.9908,0,0,0,.86.64H43a1.0176,1.0176,0,0,0,.88-.52l4-7.35,7.87,2.83a.9994.9994,0,0,0,1.27-1.3Z'/%3E%3Cpath d='M32,9A14,14,0,1,0,46,23,14.0158,14.0158,0,0,0,32,9Zm8.5078,12.39-3.5293,3.439.833,4.856a1,1,0,0,1-1.45,1.0542L32,28.4468l-4.3613,2.2925a1,1,0,0,1-1.45-1.0542l.833-4.856L23.4922,21.39a1,1,0,0,1,.5547-1.706l4.876-.7085,2.1806-4.418a1.0409,1.0409,0,0,1,1.793,0l2.1806,4.418,4.876.7085a1,1,0,0,1,.5547,1.706Z'/%3E%3Cpath d='M33.5166,20.332,32,17.26,30.4834,20.332a.999.999,0,0,1-.7529.5474l-3.3907.4927,2.4541,2.3916a1.0012,1.0012,0,0,1,.2872.8852l-.5791,3.377,3.0332-1.5943a.9991.9991,0,0,1,.93,0l3.0332,1.5943-.5791-3.377a1.0012,1.0012,0,0,1,.2872-.8852L37.66,21.3721,34.27,20.8794A.999.999,0,0,1,33.5166,20.332Z'/%3E%3Cpath d='M39.5107,45.6885a6.1926,6.1926,0,0,0,3.8272-3.5406A4.2526,4.2526,0,0,1,46.9824,39.55a6.23,6.23,0,0,0,4.6387-2.5571,6.0858,6.0858,0,0,0,.9756-5.086,4.1352,4.1352,0,0,1,1.3926-4.1884,6.1012,6.1012,0,0,0-.0118-9.4468A4.1349,4.1349,0,0,1,52.6,14.0811a6.0808,6.0808,0,0,0-.9785-5.0748,6.237,6.237,0,0,0-4.6484-2.5571,4.2529,4.2529,0,0,1-3.6358-2.5971A6.189,6.189,0,0,0,39.5107.312a6.2889,6.2889,0,0,0-5.2578.626,4.3222,4.3222,0,0,1-4.5068,0A6.2886,6.2886,0,0,0,24.4883.312a6.19,6.19,0,0,0-3.8252,3.54A4.2561,4.2561,0,0,1,17.0176,6.45a6.23,6.23,0,0,0-4.6387,2.5571,6.0858,6.0858,0,0,0-.9756,5.086,4.1355,4.1355,0,0,1-1.3926,4.1885,6.1011,6.1011,0,0,0,.0118,9.4467A4.1349,4.1349,0,0,1,11.4,31.9189a6.0808,6.0808,0,0,0,.9785,5.0748,6.2372,6.2372,0,0,0,4.6484,2.5571,4.2529,4.2529,0,0,1,3.6358,2.5971,6.189,6.189,0,0,0,3.8262,3.54,6.2889,6.2889,0,0,0,5.2578-.626,4.3226,4.3226,0,0,1,4.5058,0l.001.0005a6.2911,6.2911,0,0,0,5.2568.626ZM32,39A16,16,0,1,1,48,23,16.0183,16.0183,0,0,1,32,39Z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ume-events-wrapper .ume-event__date-detail-icon {
    margin-right: 1rem;
    width: 1rem;
    height: 1rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' enable-background='new 0 0 34 34' height='512' viewBox='0 0 34 34' width='512'%3E%3Cg%3E%3Cpath d='m29.6 2h-3v3c0 .6-.5 1-1 1s-1-.4-1-1v-3h-16v3c0 .6-.5 1-1 1s-1-.4-1-1v-3h-3c-1.5 0-2.6 1.3-2.6 3v3.6h32v-3.6c0-1.7-1.8-3-3.4-3zm-28.6 8.7v18.3c0 1.8 1.1 3 2.7 3h26c1.6 0 3.4-1.3 3.4-3v-18.3zm8.9 16.8h-2.4c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c-.1.5-.4.8-.9.8zm0-9h-2.4c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c-.1.5-.4.8-.9.8zm8 9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm0-9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm8 9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm0-9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.ume-events-wrapper .ume-event__time + h3, .ume-events-wrapper .ume-event__location + h3 {
    margin-top: 2.25rem;
}
.ume-events-wrapper .ume-event__location-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 384 512'%3e%3cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3e%3c/svg%3e");
}
.ume-events-wrapper .ume-event__content > :first-child {
    padding: 2.75rem 1.75rem 2rem 1.75rem;
    height: 100%;
}
.ume-events-wrapper .ume-event__content-inner {
    position: relative;
}
.ume-events-wrapper .ume-event__content-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.5rem;
    background-image: linear-gradient(0deg, #E5EAF3 0, transparent);
    pointer-events: none;
}
.main-info-event {
    background: #003C8D;
    padding: 1rem;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 2rem;
    /*box-shadow: -2px 0px 5px 4px rgba(0,60,141,0.3);*/
}
.tl-event__date-detail-icon {
    background-image: url("../icons/calendar.svg");
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
}
.tl-event__time-icon {
    background-image: url("../icons/clock.svg");
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
}
.tl-event__location-icon {
    background-image: url("../icons/pin.svg");
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
}
.tl-event__certificate-icon {
    background-image: url("../icons/medal.svg");
    margin-right: 1rem;
    padding-right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
}
.custom-margin-header {
    margin-bottom: 80px;
}
.custom-margin-event-desc {
    margin-bottom: 75px;
}
.custom-margin-event-programm {
    margin-bottom: 75px;
}
.custom-margin-form-event {
    margin-bottom: 80px;
}
/*------------------------------ End event list -----------------------------*/

/*------------------------------ Start download aria -----------------------------*/
.tl-download-documents-container {
    background-color: #E5EAF3;
}
.event-detail .ume-events-wrapper .ume-event > :first-child {
    background-color: #FFFFFF;
}
/*------------------------------ End download aria -----------------------------*/


/*------------------------------ Start timeline programm -----------------------------*/
.tl-timeline-list-container {
    --col-gap: 2rem;
    --row-gap: 2rem;
    --line-w: 0.25rem;
    display: grid;
    grid-template-columns: var(--line-w) 1fr;
    grid-auto-columns: max-content;
    column-gap: var(--col-gap);
    list-style: none;
    width: min(60rem, 90%);
    margin-inline: auto;
}

.tl-timeline-list-container::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 20;
    background: rgb(225, 225, 225);
    border-radius: calc(var(--line-w) / 2);
}

.tl-timeline-list-container .tl-timeline-item:not(:last-child) {
    margin-bottom: var(--row-gap);
}

.tl-timeline-list-container .tl-timeline-item {
    grid-column: 2;
    --inlineP: 1.5rem;
    margin-inline: var(--inlineP);
    grid-row: span 2;
    display: grid;
    grid-template-rows: min-content min-content min-content;
}

.tl-timeline-list-container .tl-timeline-item .tl-timeline-time {
    --dateH: 3rem;
    height: var(--dateH);
    margin-inline: calc(var(--inlineP) * -1);

    text-align: center;
    background-color: #003C8D;

    color: white;
    font-size: 1.25rem;
    font-weight: 700;

    display: grid;
    place-content: center;
    position: relative;
}

.tl-timeline-list-container .tl-timeline-item .tl-timeline-time::before {
    content: "";
    width: var(--inlineP);
    aspect-ratio: 1;
    background: #003C8D;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
    position: absolute;
    top: 100%;

    clip-path: polygon(0 0, 100% 0, 0 100%);
    right: 0;
}

.tl-timeline-list-container .tl-timeline-item .tl-timeline-time::after {
    content: "";
    position: absolute;
    width: 2rem;
    aspect-ratio: 1;
    background: #E5EAF3;
    border: 0.3rem solid orange;
    border-radius: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

.tl-timeline-list-container .tl-timeline-item .title,
.tl-timeline-list-container .tl-timeline-item .referent {
    background: #E5EAF3;
    position: relative;
    padding-inline: 1.5rem;
}
.tl-timeline-list-container .tl-timeline-item .title {
    padding-block-start: 1.5rem;
    padding-block-end: 1rem;
    font-weight: 700;
    color: #003C8D;
    padding-bottom: 0.5rem;
    word-break: break-word;
    white-space: normal;
    font-size: 18px;
}
.tl-timeline-list-container .tl-timeline-item .referent {
    padding-block-end: 1.5rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}

.tl-timeline-list-container .tl-timeline-item .title::before,
.tl-timeline-list-container .tl-timeline-item .referent::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0.5);
    left: 50%;
    border-radius: 50%;
    filter: blur(4px);
    transform: translate(-50%, 50%);
}
.tl-timeline-list-container .tl-timeline-item .title::before {
    bottom: calc(100% + 0.125rem);
}
.tl-timeline-list-container .tl-timeline-item .referent::before {
    z-index: -1;
    bottom: 0.25rem;
}
.tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-arrow-container {
    position: absolute;
    background: white;
    width: 24px;
    height: 48px;
    right: 0;
    top: 0;
}
.tl-timeline-list-container .tl-timeline-item:nth-child(even) .tl-timeline-arrow-container {
    position: absolute;
    background: white;
    width: 24px;
    height: 48px;
    left: 0;
    top: 0;
}
.tl-timeline-arrow {
    border-style: solid;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.tl-timeline-list-container .referent-institute {
    color: #808080;
}

/*------------------------------ End timeline programm -----------------------------*/

/*------------------------------ Media -----------------------------*/
@media (max-width: 600px) {
    .event-block-log {
        max-width: 95%;
    }
    .tl-timeline-list-container .tl-timeline-item .tl-timeline-time {
        font-size: 1rem;
    }

}
@media (min-width: 0px) and (max-width: 768px){
    #tl-event-form {
        /*width: 95% !important;
        max-width: 95% !important;*/
        padding: 0 20px 0 20px;
    }
}
@media (min-width: 769px) and (max-width: 992px){
    #tl-event-form {
        /*width: 95% !important;
        max-width: 95% !important;*/
        padding: 0 50px 0 50px;
    }
}
@media (max-width: 992px) {
    #subscriber-event option,
    #subscriber-occupation option{
        font-size: 0.8rem;
    }
    #payment-bank-data {
        width: 100%;
    }
    #payment-bank-data .payment-bank-data-el {
        width: 100%;
    }
    .tl-event-programm--item--time {
        width: 100%;
        max-width: 100%;
        display: block;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-arrow-container {
        position: absolute;
        background: white;
        width: 24px;
        height: 48px;
        left: 0;
        top: 0;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-arrow-container .tl-timeline-arrow {
        border-color: transparent #003C8D transparent transparent;
        border-width: 24px 24px 24px 0px;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(even) .tl-timeline-arrow-container .tl-timeline-arrow  {
        border-color: transparent #003C8D transparent transparent;
        border-width: 24px 24px 24px 0px;
    }
}

@media (max-width: 1200px) {
    .download-area-container-title {
        font-size: 20px !important;
    }
    #payment-bank-data {
        width: 100%;
    }
    #payment-bank-data .payment-bank-data-el {
        width: 40%;
    }
    .download-area-container {
        margin-top: 100px !important;
    }
    .custom-margin-event-detail {
        margin-top: 70px;
    }
}

@media (min-width: 993px) {
    .tl-timeline-list-container {
        grid-template-columns: 1fr var(--line-w) 1fr;
    }
    .tl-timeline-list-container::before {
        grid-column: 2;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) {
        grid-column: 1;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(even) {
        grid-column: 3;
    }

    /* start second card */
    .tl-timeline-list-container .tl-timeline-item:nth-child(2) {
        grid-row: 2/4;
    }

    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-time::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        left: 0;
    }

    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-time::after {
        transform: translate(-50%, -50%);
        left: calc(100% + var(--col-gap) + var(--line-w) / 2);
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-time {
        border-radius: 0;
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(odd) .tl-timeline-arrow-container .tl-timeline-arrow {
        border-color: transparent transparent #003C8D transparent;
        border-width: 0px 24px 24px 24px;
        transform: rotate(90deg);
    }
    .tl-timeline-list-container .tl-timeline-item:nth-child(even) .tl-timeline-arrow-container .tl-timeline-arrow  {
        border-color: transparent #003C8D transparent transparent;
        border-width: 24px 24px 24px 0px;
    }
}
.ume-main > .wp-block-cover {
    min-height: 500px!important;
}

.custom-spinner {
    width: 30px;
    height: 30px;
    margin-top: 15px;
    border: 4px solid #ccc;
    border-top-color: #EC6500;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}