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


    .frame-type-r2_locations .location{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); position:relative; }
        .frame-type-r2_locations .locations > li > a:first-child{ text-decoration:none; }
        .frame-type-r2_locations .location > .image{ grid-column: 1 / 2; padding-left:var(--gap); }
            .frame-type-r2_locations .location > .image img{ border-radius:100%; }
        .frame-type-r2_locations .location > .details{ grid-column: 2 / 4; font-size:var(--font-size-s-1); line-height:var(--line-height-s-1); }
            .frame-type-r2_locations .location > .details > .info{ margin-top:0.5em;display:block; font-size:var(--font-size-s-2); line-height:var(--line-height-s-2); }

            .frame-type-r2_locations div.arrow{ position:absolute; bottom:calc(var(--gap)); right:var(--gap); width:35px; height:2px; background-color:rgb(var(--rgb_color_value_link)); border-radius:1px; transition: width 0.2s ease; }
            .frame-type-r2_locations a:hover div.arrow{ width:55px; right:calc(var(--gap) - 10px); }
                .frame-type-r2_locations div.arrow.arrow::before,
                .frame-type-r2_locations div.arrow.arrow::after{ content:""; position:absolute; top:0; right:0; width:20px; height:2px; background-color:inherit; border-radius:1px; }
                .frame-type-r2_locations div.arrow.arrow::before{ transform:rotate(45deg); transform-origin: bottom right; }
                .frame-type-r2_locations div.arrow.arrow::after{ transform:rotate(-45deg); transform-origin: top right; }


    /*###
	//# has-bodytext (Text links neben den Orten)
	###*/

    .frame-type-r2_locations .grid.has-bodytext{ display:grid; grid-template-columns:repeat(12, 1fr); gap:var(--gap); }
        .frame-type-r2_locations .grid.has-bodytext > .ce-bodytext{ grid-column: 1 / 9; }
        .frame-type-r2_locations .grid.has-bodytext .locations{ grid-column: 9 / 13; }
            .frame-type-r2_locations .grid.has-bodytext .locations > li{ padding-bottom:var(--gap); }
                .frame-type-r2_locations .grid.has-bodytext .location > .details{ align-self:center; }
@media screen and (max-width:800px){
	.frame-type-r2_locations .grid.has-bodytext{ grid-template-columns:repeat(8, 1fr); }
        .frame-type-r2_locations .grid.has-bodytext > .ce-bodytext{ grid-column: 1 / 6; }
        .frame-type-r2_locations .grid.has-bodytext > .locations{ grid-column: 6 / 9; }
}
@media screen and (max-width:600px){
    .frame-type-r2_locations .grid.has-bodytext{ display:block; }
        .frame-type-r2_locations .grid.has-bodytext > .ce-bodytext + .locations{ margin-top:2em; }
}

    /*###
	//# no-bodytext (Orte in zwei oder drei Spalten)
	###*/

    .frame-type-r2_locations .grid.no-bodytext .locations{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); position:relative; }
    .frame-type-r2_locations.frame-layout-2 .grid.no-bodytext .locations{ grid-template-columns:repeat(2, 1fr); }
@media screen and (max-width:800px){
    .frame-type-r2_locations .grid.no-bodytext .locations{ grid-template-columns:repeat(2, 1fr); } 
}
@media screen and (max-width:600px){
    .frame-type-r2_locations .grid.no-bodytext .locations,
    .frame-type-r2_locations.frame-layout-2 .grid.no-bodytext .locations{ grid-template-columns:repeat(1, 1fr); } 
}

        .frame-type-r2_locations .grid.no-bodytext .locations > li > a{ display:block; color:inherit; position:relative; }
        .frame-type-r2_locations .grid.no-bodytext .locations > li > a:hover{ box-shadow:var(--box-shadow); }
        /*
        .frame-type-r2_locations .grid.no-bodytext .locations > li > a::after{
            content:""; position:absolute; right:16px; bottom:16px; display: block; z-index:1; width:30px; height:30px;
            background-color:rgb(var(--rgb_color_value_link));
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><g fill="black" fill-rule="evenodd"><path d="M5,0 C2.243,0 0,2.24302464 0,4.99998485 C0,7.75700566 2.243,10 5,10 C7.757,10 10,7.75700566 10,4.99998485 C10,2.24302464 7.757,0 5,0 Z M5,9.09089256 C2.74427273,9.09089256 0.909090909,7.25573742 0.909090909,5.00001515 C0.909090909,2.74429289 2.74427273,0.909137743 5,0.909137743 C7.25572727,0.909137743 9.09090909,2.74429289 9.09090909,4.99998485 C9.09090909,7.25576772 7.25572727,9.09089256 5,9.09089256 Z"/><path d="M5.13157895,3.94736842 C4.91357895,3.94736842 4.73684211,4.15132222 4.73684211,4.40289358 L4.73684211,7.43921169 C4.73684211,7.69078305 4.91357895,7.89473684 5.13157895,7.89473684 C5.34957895,7.89473684 5.52631579,7.69078305 5.52631579,7.43921169 L5.52631579,4.40289358 C5.52631579,4.15135259 5.34957895,3.94736842 5.13157895,3.94736842 Z"/><path d="M5.13157895,2.10526316 C5.02763158,2.10526316 4.92602632,2.14736842 4.85236842,2.22078947 C4.77894737,2.29421053 4.73684211,2.39605263 4.73684211,2.5 C4.73684211,2.60394737 4.77894737,2.70552632 4.85236842,2.77921053 C4.92578947,2.85263158 5.02763158,2.89473684 5.13157895,2.89473684 C5.23552632,2.89473684 5.33710526,2.85263158 5.41076316,2.77921053 C5.48418421,2.70552632 5.52631579,2.60394737 5.52631579,2.5 C5.52631579,2.39605263 5.48418421,2.29421053 5.41076316,2.22078947 C5.33710526,2.14734211 5.23552632,2.10526316 5.13157895,2.10526316 Z"/></g></svg>') no-repeat center / contain;
        }*/

        .frame-type-r2_locations .grid.no-bodytext .locations > li > *:first-child{ padding-top:var(--gap); padding-bottom:var(--gap); background-color:rgb(var(--rgb_color_value_bg_light_gray)); height:100%; }
        .frame-class-group-bg-gray    .frame-type-r2_locations .grid.no-bodytext .locations > li > *:first-child,
        .frame-class-group-bg-colored .frame-type-r2_locations .grid.no-bodytext .locations > li > *:first-child{ background-color:#fff; }
            
            .frame-type-r2_locations .grid.no-bodytext .location > .details{ padding-right:var(--gap); }
                .frame-type-r2_locations .grid.no-bodytext .location > .details > span{ display:block; }
                .frame-type-r2_locations .grid.no-bodytext .location > .details > .title{ font-weight:bold; }
                .frame-type-r2_locations.frame-layout-2 .grid.no-bodytext .location > .details > .title{ font-weight:normal; font-size:var(--font-size-3); line-height:var(--line-height-3); color:rgb(var(--rgb_color_value_primary)); }