.evc-wrap {
    margin: 0;
    border: none;
}

.evc-wrap > h2{
    margin-bottom: 100px;
}

.vo-events{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(835px, 1fr));
    gap: 30px;
}

.vo-events .vo-events-wrap{
    background: var(--weiss);
    padding: 30px 25px 60px;
    box-sizing: border-box;
    max-width: inherit;
    position: relative;
    display: flex;
    gap: 40px;
    z-index: 1;
    box-shadow: 0px 3px 13px var(--cookiemanhellgrau);
    /* width: calc(100% - 50px); */
    max-width: 835px;
}

.vc-detail-block{
    position: relative;
}

.vo-events-wrap .gruppe[class*=" "],
.vc-detail-block .gruppenName[class*=" "]{
    position: absolute;
    top: -10px;
    right: 15px;
    color: var(--weiss);
    padding: 12px 16px 12px 50px;
    background: url(/fileadmin/cn_website/images/icons/outdoor.svg) 10px center/ 30px no-repeat var(--rot);
}

.vc-detail-block .gruppenName[class*=" "]{
    position: initial;
    display: inline-block;
}

.vo-events-wrap .gruppe.jugend,
.vc-detail-block .gruppenName.jugend{
    background-image: url(/fileadmin/cn_website/images/icons/jugend.svg);
}

.vo-events-wrap .gruppe.indoor,
.vc-detail-block .gruppenName.indoor{
    background-image: url(/fileadmin/cn_website/images/icons/indoor.svg);
}

.vo-events-wrap .gruppe.touristik,
.vc-detail-block .gruppenName.touristik{
    background-image: url(/fileadmin/cn_website/images/icons/touristik.svg);
}

.vo-events-wrap .header{
    margin-top: 20px;
}

.vo-events-wrap .header a{
    font-size: 24px;
    font-weight: 700;
    color: var(--schrift);
}

.vo-events-wrap .text-wrap > div,
.vc-detail-block .ort,
.vc-detail-block .datum,
.vc-detail-block .zeit,
.vc-detail-block .kontakt,
.vc-detail-block .maxpersonen{
    margin: 20px;
    padding-left: 40px;
    background: url(/fileadmin/cn_website/images/icons/datum.svg) left top/ auto 22px no-repeat;
}

.vo-events-wrap .text-wrap .ort,
.vc-detail-block .ort{
    background-image: url(/fileadmin/cn_website/images/icons/ort.svg);
}

.vo-events-wrap .text-wrap .plaetze,
.vc-detail-block .maxpersonen{
    background-image: url(/fileadmin/cn_website/images/icons/plaetze.svg);
}

.vo-events-wrap .text-wrap .warteliste,
.vc-detail-block .zeit{
    background-image: url(/fileadmin/cn_website/images/icons/warteliste.svg);
}

.vc-detail-block .kontakt{
    background-image: url(/fileadmin/cn_website/images/icons/kontakt.svg);
}

.vc-detail-block .beschreibung{
    margin-top: 20px;
    padding-top: 20px;
}

.frame-type-list form{
    position: relative;
    z-index: 1;
}

.frame-type-list form > div{
    margin-bottom: 20px;
}

.frame-type-list form > div label{
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
}

.frame-type-list form input,
.frame-type-list form textarea{
    font-family: 'Inter', arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3em;
    /* color: var(--schrift); */
    padding: 10px 15px;
    resize: none;
}

.frame-type-list form input[type="submit"]{
    background: var(--rot);
    padding: 15px 55px;
    border-radius: var(--radius);
    border: 1px solid var(--rot);
    color: var(--weiss);
    cursor: pointer;
    margin-top: 20px;
    transition: var(--standardtransition);
}

.frame-type-list form input[type="submit"]:hover{
    background: var(--weiss);
    color: var(--rot);
}

.frame-type-list form:has(input[value="Logout"]){
    text-align: right;
}

.vo-register{
    margin-bottom: 40px;
}

.vo-register .anmeldung{
    display: flex;
    gap: 100px;
    position: relative;
    z-index: 1;
}

a.backlink-top,
a.backlink-bottom{
    display: block;
    margin-top: 40px;
}

a.btn-danger,
a.btn-login{
    padding: 15px 55px;
    border-radius: var(--radius);
    border: 1px solid var(--rot);
    transition: var(--standardtransition);
    display: inline-block;
    position: relative;
    z-index: 1;
    color: var(--weiss) !important;
    background: var(--rot);
    text-decoration: none !important;
    margin-top: 20px;
}

a.btn-danger:hover,
a.btn-login:hover{
    background: var(--weiss);
    color: var(--rot) !important;
}

.msg.success{
    font-weight: 700;
    color: #0f8830;
}

/* Meine Veranstaltungen */
.vo-registrations thead{
    text-align: left;
    color: var(--rot);
}

.vo-registrations td{
    padding: 2px;
}

.vo-registrations td.datum{
    width: 150px;
}


#oben .checklogin-login{
    color: var(--schrift);
    padding-left: 25px;
    background: url(/fileadmin/cn_website/images/icons/login.svg) 0 0/16px auto no-repeat;

}

#oben .checklogin-loggedin{
    padding-left: 25px;
    background: url(/fileadmin/cn_website/images/icons/unlocked.svg) 0 0 / 16px auto no-repeat;
}

.vo-paging ul{
    list-style-type: none;
    margin: 40px 0 0;
    padding: 0;
}

.vo-paging ul li{
    display: inline-block;
    margin: 0 5px;
}

@media (max-width: 1200px) {
    .evc-wrap {
        margin: 40px 0 0;
    }

    #inhaltsbereich.sub .evc-wrap{
        margin: 0;
    }

    .vo-register .anmeldung{
        flex-direction: column;
    }
}

@media (max-width: 860px){
    .vo-events {
        grid-template-columns: 1fr;
    }

    .vo-events .vo-events-wrap{
        flex-direction: column;
    }
}