/*###
	//# 0: 3 Bilder – klein
	###*/

    .frame-type-r2_imagerow.frame-layout-0 .grid{ display:grid; grid-template-columns:repeat(8, 1fr); gap:var(--gap); }

        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(1){ grid-column: 1 / 3; }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(2){ grid-column: 4 / 6; }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(3){ grid-column: 7 / 9; }

@media screen and (max-width:800px){
    .frame-type-r2_imagerow.frame-layout-0 .grid{ grid-template-columns:repeat(3, 1fr); }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(1){ grid-column: 1; }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(2){ grid-column: 2; }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:nth-child(3){ grid-column: 3; }
}
@media screen and (max-width:500px){
    .frame-type-r2_imagerow.frame-layout-0 .grid{ display:block; max-width:220px; margin:0 auto }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure{ margin-bottom:1.5em; }
        .frame-type-r2_imagerow.frame-layout-0 .grid > figure:last-child{ margin-bottom:0; }
}

    /*###
	//# 0: 4 Bilder – klein
	###*/

    .frame-type-r2_imagerow.frame-layout-4 .grid{ display:grid; grid-template-columns:repeat(24, 1fr);  }

        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(1){ grid-column: 2 / 6; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(2){ grid-column: 8 / 12; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(3){ grid-column: 14 / 18; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(4){ grid-column: 20 / 24; }

@media screen and (max-width:800px){
    .frame-type-r2_imagerow.frame-layout-4 .grid{ grid-template-columns:repeat(4, 1fr); gap:var(--gap); }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(1){ grid-column: 1; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(2){ grid-column: 2; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(3){ grid-column: 3; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:nth-child(4){ grid-column: 4; }
}
@media screen and (max-width:500px){
    .frame-type-r2_imagerow.frame-layout-4 .grid{ display:block; max-width:220px; margin:0 auto }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure{ margin-bottom:1.5em; }
        .frame-type-r2_imagerow.frame-layout-4 .grid > figure:last-child{ margin-bottom:0; }
}


    /*###
	//# 1: 3 Bilder – groß
	###*/
    .frame-type-r2_imagerow.frame-layout-1 > .centered{
        overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; -ms-overflow-style:none; user-select:none;
        /* als Alternative zum JS Touch Scrolling: */
        -webkit-overflow-scrolling:touch; /* Für weiches Scrollen auf iOS */
        scroll-behavior:smooth; /* Optional für sanftes Scrollen */
    }
    .frame-type-r2_imagerow.frame-layout-1 > .centered.dragging{ cursor:grabbing; user-select:none; }
    .frame-type-r2_imagerow.frame-layout-1 .grid{ display: grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); min-width:800px; }
        .frame-type-r2_imagerow.frame-layout-1 .grid > figure:nth-child(1){ grid-column: 1; }
        .frame-type-r2_imagerow.frame-layout-1 .grid > figure:nth-child(2){ grid-column: 2; }
        .frame-type-r2_imagerow.frame-layout-1 .grid > figure:nth-child(3){ grid-column: 3; }

        /* Verhindert Textauswahl in SVGs, Bildern und ihren Containern */
        .frame-type-r2_imagerow.frame-layout-1 .grid,
        .frame-type-r2_imagerow.frame-layout-1 .grid *,
        .frame-type-r2_imagerow.frame-layout-1 .grid img,
        .frame-type-r2_imagerow.frame-layout-1 .grid svg {
            user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -webkit-touch-callout: none; /* verhindert Kontextmenü auf iOS */
            pointer-events: auto; /* wichtig, damit Dragging noch funktioniert */
        }

        .frame-type-r2_imagerow.frame-layout-1 a{ display:block; border-bottom:5px solid white; }
        .frame-type-r2_imagerow.frame-layout-1 a:hover{ border-color:rgb(var(--rgb_color_value_link)); }

        .frame-type-r2_imagerow.frame-layout-1 .image3{ margin-top:var(--gap); text-align:center; }
        .frame-type-r2_imagerow.frame-layout-1 .image3 figure{ background-color:#fff; }