/* ==================================================
   ILP Event Template
================================================== */

.ilp-event-page{

    width:100%;
    margin:0;
    padding:0;

    background:#0c3c69;

}

.ilp-event-container{

    width:100%;
    max-width:1600px;

    margin:0 auto;

}

.ilp-hero{

    min-height:650px;

    margin:40px 20px;

    border-radius:18px;

    overflow:hidden;

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    background-color:#1b3554;

    background-size:cover;

    background-position:center bottom;

    background-repeat:no-repeat;

}

.ilp-hero h1{

    margin:0;

    font-size:120px;

    line-height:.95;

    color:#ffffff;

    text-transform:uppercase;

    font-weight:900;

    letter-spacing:2px;

    text-shadow:

        0 2px 0 #000,

        0 4px 0 #000,

        0 8px 12px rgba(0,0,0,.7),

        0 16px 40px rgba(0,0,0,.6);

}

.ilp-hero-overlay{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:60px 60px 80px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#fff;

}

.ilp-event-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    position:relative;

    background:#E6720B;

    padding:16px 55px;

    margin-bottom:25px;

    transform:translateY(-40px);

    box-shadow:
        0 8px 20px rgba(0,0,0,.35);

}

.ilp-event-label::before,
.ilp-event-label::after{

    content:"";

    position:absolute;

    top:0;

    width:18px;

    height:100%;

    border-top:4px solid #E6720B;

    border-bottom:4px solid #E6720B;

}

.ilp-event-label::before{

    left:-22px;

    border-left:4px solid #E6720B;

}

.ilp-event-label::after{

    right:-22px;

    border-right:4px solid #E6720B;

}

.ilp-event-ribbon-text{

    font-size:34px;

    font-weight:800;

    color:#ffffff;

    text-transform:uppercase;

    letter-spacing:1px;

}

.ilp-event-date{

    font-size:38px;

    font-weight:700;

    margin-top:40px;

    color:#ffffff;

}

.ilp-event-location{

    font-size:24px;

    font-weight:400;

    letter-spacing:.5px;

    color:#d8e7f7;

}

.ilp-hero-buttons{

    margin-top:50px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.ilp-btn{

    text-decoration:none;

    padding:18px 34px;

    border-radius:8px;

    font-size:20px;

    font-weight:bold;

    transition:.25s;

}

.ilp-btn-primary{

    background:#d3132a;

    color:#fff;

}

.ilp-btn-secondary{

    background:#ffffff;

    color:#123d66;

}

/* ==================================================
   Hero Informationskarten
================================================== */

.ilp-event-meta{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

    max-width:900px;

    margin:50px auto;

}

.ilp-meta-card{

    display:flex;

    align-items:center;

    gap:20px;

    padding:22px 26px;

    background:rgba(8,25,45,.55);

    border:1px solid rgba(255,255,255,.12);

    border-radius:14px;

    backdrop-filter:blur(6px);

    box-shadow:0 12px 35px rgba(0,0,0,.25);

    text-align:left;

}

.ilp-meta-icon{

    font-size:42px;

    flex-shrink:0;

}

.ilp-meta-content{

    display:flex;

    flex-direction:column;

}

.ilp-meta-title{

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#c7d7ea;

    margin-bottom:6px;

}

.ilp-meta-content strong{

    font-size:24px;

    font-weight:700;

    color:#ffffff;

    line-height:1.3;

}

@media (max-width:768px){

    .ilp-event-meta{

        grid-template-columns:1fr;

    }

}