/* .frame-type-r2_eventsession{} */

    .frame-type-r2_eventsession .event-session{ margin-bottom:var(--gap); }
        .frame-type-r2_eventsession .event-session > *{
            display:block; color:rgb(var(--rgb_color_value_primary)); background-color:rgb(var(--rgb_color_value_bg_colored)); text-decoration:none;
        }
        .frame-type-r2_eventsession .event-session > a{ position:relative; z-index:1; }
        .frame-type-r2_eventsession .event-session > a:hover{ box-shadow:var(--box-shadow); }

            .frame-type-r2_eventsession .grid{ padding:var(--gap); display:flex; flex-wrap:wrap; gap:var(--gap); font-size:var(--font-size-s-1); line-height:var(--line-height-s-1); }

                .frame-type-r2_eventsession .grid > .date { flex: 0 0 8.75em; font-weight:bold; }
                .frame-type-r2_eventsession .grid > .location-participation { flex: 0 0 10em; }
                .frame-type-r2_eventsession .grid > .icons { flex: 0 1 auto; /* width: auto ist Standard, kann aber explizit gesetzt werden */ }
                .frame-type-r2_eventsession .grid > .button-info { flex: 1 1 0; /* nimmt den gesamten restlichen Platz ein */ text-align:right; }
                    .frame-type-r2_eventsession .grid > .button-info > div:nth-child(2){ margin-top:var(--gap); }

                .frame-type-r2_eventsession .location{ font-weight:bold; }

                .frame-type-r2_eventsession .icons{ display:flex; gap:calc(var(--gap) / 2); }
                    .frame-type-r2_eventsession .icons > div.inactive{ opacity:0.4; }
                        .frame-type-r2_eventsession .icons svg{ border-radius:100%; width:2em; height:auto; }

                .frame-type-r2_eventsession div.button{ text-align:right; }
                    .frame-type-r2_eventsession div.button button{
                        padding:0.5em 0.5em; border-radius:1.5em; text-transform:uppercase; min-width:190px; text-align:center; cursor:default;
                        color:rgb(var(--rgb_color_value_link)); background-color:#fff;
                        font-size:var(--font-size-s-1); line-height:var(--line-height-s-1); 
                    }
                    .frame-type-r2_eventsession div.button button.passive{ color:rgb(204,197,184); }
                    .frame-type-r2_eventsession a div.button button{ cursor:pointer; }

        .frame-type-r2_eventsession details{ margin-top:1px; }
                .frame-type-r2_eventsession details > summary{ cursor:pointer; padding:5px var(--gap); text-align:center; position:relative; }
                .frame-type-r2_eventsession details > summary:hover{ box-shadow:var(--box-shadow); }
                .frame-type-r2_eventsession details > summary:focus-visible{ z-index:2; }
                .frame-type-r2_eventsession details > summary:after{
                    content:"";	display:block; width:1em; height:1em; margin:0 auto;
                    background-color:rgb(var(--rgb_color_value_link)); transform:rotate(90deg);
                    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='9 18 15 12 9 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;
                    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='9 18 15 12 9 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;
                }
                .frame-type-r2_eventsession details[open] > summary:after{ transform:rotate(-90deg); }

                .frame-type-r2_eventsession details .ce-bodytext{ padding:var(--gap); font-size:var(--font-size-s-1); line-height:var(--line-height-s-1); }