.event_page_main_content_container {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
@media (max-width: 1000px) {
   
    .event_page_main_content_container {
        grid-template-columns: repeat(1, auto);
    }
}

.event_page_intro_video {
    height: 200px;
    max-width: 480px;
    margin: auto;    
    width: 480px;
}

@media (max-width: 540px) {
   
    .event_page_intro_video {
        width: 100%;
        overflow: hidden;
    }
}


.event_page_intro_text {
    background: url(../../pubdb/grafik/bg_black_30p.png);
    width: 490px;
    min-height: 200px;
    color: white;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
    p {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: arial, helvetica, serif;
        font-weight: 900;
        letter-spacing: 1px;
        font-size: 13px;
    }
}
@media (max-width: 1000px) {
   
    .event_page_intro_text {
        width: 100%;
    }
}


.event_page_event_and_lastest_objects_container {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;

    .event_page_event_list_container {
        background: url(../../pubdb/grafik/bg_black_30p.png);
        width: 660px;
        min-height: 200px;
        color: white;
        line-height: 20px;
        font-size: 12px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 20px;
        h1 {
            background: url(../../pubdb/grafik/bg_black_40p.png);
            font-size: 16px;
            margin: 0;
            padding: 10px 20px;
            color: white;
        }
        .event_post {
            background: url(../../pubdb/grafik/bg_black_15p.png);
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 10px;
            margin:20px;
            padding:10px;

            a {
                width: 120px;
                height: 120px;
                display: inline-block;
                position: relative;
                overflow: hidden;
                margin: 10px;
                text-decoration: none;
                color: #ccc;  
                vertical-align: top;
                text-align: left;
            }

            img {
                width: 120px;
                height: 120px;
                color: #ccc;
            }
            
            .content {
                width: 480px;
                vertical-align: top;
                color: white;
                font-size: 0;
                text-align: left;

                h2 {
                    background: unset;
                    font-family: arial, helvetica, serif;
                    font-weight: 900;
                    height: 15px;
                    line-height: 15px;
                    font-size: 15px;
                    margin: 0;
                    padding: 0;
                    padding-left:20px;
                    display: block;
                    background: none;
                    color: white;
                    text-align: left;
                }
                
                p {
                    height: 54px;
                    padding: 10px 20px 0;
                    margin: 0;
                    font-size: 12px;
                    line-height: 18px;
                    display: block;
                    color: #ddd;

                    a {
                        text-decoration: none;
                        color: #ccc;
                        font-size: 12px;
                        line-height: 18px;

                    }
                }
                .event_date {
                    height: 15px;
                    padding: 10px 20px 20px;
                    line-height: 15px;
                    display: block;
                    font-size: 12px;

                    span {
                        float: right;
                    }
                }

            }
            @media (max-width: 1000px) {   
                .content {
                    width: 100%;
                }
            }

        }
        @media (max-width: 1000px) {   
            .event_post {
                grid-template-columns: repeat(2, auto);
            }
        }
    }

    @media (max-width: 1000px) {   
        .event_page_event_list_container {
            width: 100%;
        }
    }
    

    .event_page_latest_objects {
        background: url(../../pubdb/grafik/bg_black_30p.png);
        overflow: hidden;
        h1 {
            background: url(../../pubdb/grafik/bg_black_40p.png);
            font-size: 16px;
            margin: 0;
            padding: 10px 20px;
            color: white;
        }
        
    }

    @media (max-width: 1000px) {
   
        .event_page_latest_objects {
            display: none;
        }
    }
}

@media (max-width: 1000px) {
   
    .event_page_event_and_lastest_objects_container {
        grid-template-columns: repeat(1, auto);
    }
}



.latest_events_container {
    min-height: 203px;
    width: 320px;
    background: url(../../pubdb/grafik/bg_black_30p.png);
    margin: 0 0 20px;
    display: block;
    text-align: left;
    font-size: 12px;
    color: white;
}

.latest_event_container {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    
    background: url(../../pubdb/grafik/bg_black_15p.png);
    width: 260px;
    margin: auto;
    color:white;
    margin:20px;

    .latest_event_img {
        width: 118px;
        margin:5px;
    }
    .latest_event_info {
        
    }
    .latest_event_header {
        height: 12px;
        padding: 5px;
        margin: 0;
        font-size: 12px;

    }
    .latest_event_where {
        font-size: 10px;
        margin:5px;
    }
    .latest_event_whenr {
        font-size: 10px;
        margin:5px;
    }
}