/* Layouts
       17 Im Text rechts , 18 Im Text links
	   25 Neben dem Text rechts , 26 Neben dem Text links
    */

    /*###
	//# Zweispalter
	###*/

    .frame-type-r2_textpic > .grid{ display:grid; gap:calc(2 * var(--gap)); grid-template-columns:repeat(2, 1fr); }
@media screen and (max-width:800px){
    .frame-type-r2_textpic > .grid{ display:block; }
    .frame-type-r2_textpic > .grid > div + div{ margin-top:max(4vh, 24px); }
}
        .frame-type-r2_textpic > .grid > .col-1{ grid-row:1; grid-column:1; }
        .frame-type-r2_textpic > .grid > .col-2{ grid-row:1; grid-column:2; }

        .frame-type-r2_textpic > .grid > .layout-25,
        .frame-type-r2_textpic > .grid > .layout-26{ display:grid; gap:var(--gap); grid-template-columns:repeat(6, 1fr); }
            .frame-type-r2_textpic > .grid > .layout-25 > .ce-bodytext,
            .frame-type-r2_textpic > .grid > .layout-26 > .ce-image{ grid-row:1; grid-column: 1 / span 3; }
            .frame-type-r2_textpic > .grid > .layout-26 > .ce-bodytext,
            .frame-type-r2_textpic > .grid > .layout-25 > .ce-image{ grid-row:1; grid-column: 4 / span 3; }

            .frame-type-r2_textpic > .grid > .layout-17 > .ce-image,
            .frame-type-r2_textpic > .grid > .layout-18 > .ce-image{ width:calc(50% - var(--gap) / 2); }
    /*###
	//# Einspalter
	###*/

    .frame-type-r2_textpic > .no-grid{ display:flow-root; /* keps margins inside */ }

        .frame-type-r2_textpic > .no-grid > .layout-25,
        .frame-type-r2_textpic > .no-grid > .layout-26{ display:grid; gap:var(--gap); grid-template-columns:repeat(12, 1fr); }
            .frame-type-r2_textpic > .no-grid > .layout-25 > .ce-bodytext{ grid-row:1; grid-column: 1  / span 9; }
            .frame-type-r2_textpic > .no-grid > .layout-25 > .ce-image   { grid-row:1; grid-column: 10 / span 3; }
            .frame-type-r2_textpic > .no-grid > .layout-26 > .ce-image   { grid-row:1; grid-column: 1  / span 3; }
            .frame-type-r2_textpic > .no-grid > .layout-26 > .ce-bodytext{ grid-row:1; grid-column: 4  / span 9; }

            .frame-type-r2_textpic > .no-grid > .layout-17 > .ce-image,
            .frame-type-r2_textpic > .no-grid > .layout-18 > .ce-image{ width:calc( (100% - 3 * var(--gap)) / 4 ); }
@media screen and (max-width:800px){
        .frame-type-r2_textpic > .no-grid > .layout-25,
        .frame-type-r2_textpic > .no-grid > .layout-26{ display:grid; gap:var(--gap); grid-template-columns:repeat(2, 1fr); }
            .frame-type-r2_textpic > .no-grid > .layout-25 > .ce-bodytext,
            .frame-type-r2_textpic > .no-grid > .layout-26 > .ce-image{ grid-row:1; grid-column:1; }
            .frame-type-r2_textpic > .no-grid > .layout-25 > .ce-image,
            .frame-type-r2_textpic > .no-grid > .layout-26 > .ce-bodytext{ grid-row:1; grid-column:2; }

            .frame-type-r2_textpic > .no-grid > .layout-17 > .ce-image,
            .frame-type-r2_textpic > .no-grid > .layout-18 > .ce-image{ width:calc(50% - var(--gap) / 2); }
}

    /*###
	//# Einspalter + Zweispalter
	###*/
            /*.frame-type-r2_textpic .ce-image{ background-color:#efefef; }*/
                .frame-type-r2_textpic .ce-image figure + figure{ margin-top:var(--gap-s); }
            .frame-type-r2_textpic .layout-17 > .ce-image{ float:right; margin:0 0 var(--gap-s) var(--gap); }
            .frame-type-r2_textpic .layout-18 > .ce-image{ float:left;  margin:0 var(--gap) var(--gap-s) 0; }

@media screen and (max-width:445px){
        .frame-type-r2_textpic > .grid > .layout-25,
        .frame-type-r2_textpic > .grid > .layout-26,
        .frame-type-r2_textpic > .no-grid > .layout-25,
        .frame-type-r2_textpic > .no-grid > .layout-26{ display:block; }

            .frame-type-r2_textpic .layout-17 > .ce-image,
            .frame-type-r2_textpic .layout-18 > .ce-image{ float:none; width:auto !important; margin-left:0; margin-right:0; }

            .frame-type-r2_textpic .ce-image + .ce-bodytext{ margin-top:var(--gap-s); }
}