Poi-detail

<div class="c-poi-detail u-relative u-overflow-hidden">
    <div class="u-wrap u-nowrap@md u-flex u-gap-small u-z-cover u-absolute u-size-full u-p-xsmall">
        <div class="u-flex u-gap-small u-overflow-x-auto u-nowrap u-self-stretch u-overflow-tiny u-py-xsmall" data-filter-type="Tipologia" data-filter-selected="">
            <a href="/mappa/di/ristorante/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="ristorante">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-ristorante"></use>
                </svg>

                Ristorante
            </a>

            <a href="/mappa/di/osteria-bistrot/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="osteria-bistrot">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-osteria-bistrot"></use>
                </svg>

                Osteria-Bistrot
            </a>

            <a href="/mappa/di/negozio-bottega/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="negozio-bottega">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-negozio-bottega"></use>
                </svg>

                Negozio-Bottega
            </a>

            <a href="/mappa/di/pasticceria-panificio/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="pasticceria-panificio">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-pasticceria-panificio"></use>
                </svg>

                Pasticceria-Panificio
            </a>

            <a href="/mappa/di/pizzeria/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="pizzeria">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-pizzeria"></use>
                </svg>

                Pizzeria
            </a>

            <a href="/mappa/di/street-food/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="street-food">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-street-food"></use>
                </svg>

                Street Food
            </a>

            <a href="/mappa/di/enoteca-winebar/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="enoteca-winebar">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-enoteca-winebar"></use>
                </svg>

                Enoteca-Winebar
            </a>

            <a href="/mappa/di/bar/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="bar">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-bar"></use>
                </svg>

                Bar
            </a>

            <a href="/mappa/di/agriturismo/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="agriturismo">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-agriturismo"></use>
                </svg>

                Agriturismo
            </a>

            <a href="/mappa/di/rifugio/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="rifugio">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-rifugio"></use>
                </svg>

                Rifugio
            </a>

            <a href="/mappa/di/albergo/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="albergo">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-albergo"></use>
                </svg>

                Albergo
            </a>

            <a href="/mappa/di/altro/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="altro">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-altro"></use>
                </svg>

                Altro
            </a>

            <a href="/mappa/di/azienda-agricola/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="azienda-agricola">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-azienda-agricola"></use>
                </svg>

                Azienda Agricola
            </a>

            <a href="/mappa/di/cocktail-bar/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="cocktail-bar">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-cocktail-bar"></use>
                </svg>

                Cocktail bar
            </a>

            <a href="/mappa/di/pub/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="pub">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-pub"></use>
                </svg>

                Pub
            </a>

            <a href="/mappa/di/mercato/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="mercato">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-mercato"></use>
                </svg>

                Mercato
            </a>

            <a href="/mappa/di/museo/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="museo">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-museo"></use>
                </svg>

                Museo
            </a>

            <a href="/mappa/di/gelateria/" class="u-self-center c-btn c-btn--default c-btn--rounded c-btn--small u-flex u-label-04 u-cursor-pointer u-items-center u-whitespace o-link-text" data-itemattr-name="gelateria">
                <svg aria-hidden="true" class="o-icon o-icon--fill u-mr-xxsmall o-icon--md">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-gelateria"></use>
                </svg>

                Gelateria
            </a>
        </div>
        <style>
            .o-page .c-dropdown {
                --dropdown-background-color: var(--background-color);
            }

            .o-page .c-dropdown:focus {
                --dropdown-background-color: var(--background-color);
            }
        </style>

        <div tabindex="1" class="c-dropdown c-dropdown--filter u-cursor-pointer u-relative u-flex u-self-stretch u-items-center u-justify-between u-p-xsmall u-flex-one">
            <div class="u-size-4-5">
                <span class="c-dropdown__label u-block">Comune</span>
                <span class="u-label-04 u-truncate u-truncate-1"> </span>
            </div>
            <svg aria-hidden="true" class="o-icon o-icon--md" data-dd-icon="">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
            </svg>
            <div class="c-dropdown__panel u-absolute u-shadow">
                <ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="milano">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/milano/">
                            Milano
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="roma">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/roma/">
                            Roma
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="bologna">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/bologna/">
                            Bologna
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="verona">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/verona/">
                            Verona
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="napoli">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/napoli/">
                            Napoli
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="viareggio">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/viareggio/">
                            Viareggio
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="bolzano">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/bolzano/">
                            Bolzano
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="orvieto">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/orvieto/">
                            Orvieto
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="torino">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/torino/">
                            Torino
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="firenze">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/firenze/">
                            Firenze
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="merano">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/merano/">
                            Merano
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="bormio">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/bormio/">
                            Bormio
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="cavalese">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/cavalese/">
                            Cavalese
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="modena">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/modena/">
                            Modena
                        </a>
                    </li>

                    <li class="c-dropdown__item u-px-small u-py-xxsmall" data-itemattr-name="montalcino">
                        <a class="u-label-07 u-color-base u-no-underline u-block" href="/mappa/a/montalcino/">
                            Montalcino
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="c-poi-detail__map u-relative u-size-full u-size-full-height">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.135900314013!2d12.507381676991734!3d41.91143717123816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f6172de06c735%3A0x564eccf582727e1b!2sCitynews%20Spa!5e0!3m2!1sit!2sit!4v1678967424181!5m2!1sit!2sit" width="100%" height="100%" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
        </iframe>
    </div>

    <input type="checkbox" id="close-icon" class="u-absolute u-z-underneath u-none c-poi-detail__input-close-icon" />

    <input type="checkbox" id="open-panel" class="u-absolute u-z-higher c-poi-detail__input-open-panel u-right u-top u-none" />

    <div class="c-poi-detail__panel map-point--selected o-bg-base u-z-cover u-pb-large">
        <label for="open-panel" class="c-poi-detail__panel__header o-bg-primary u-relative u-flex u-column u-sticky u-top u-py-medium u-px-base">
            <label for="open-panel" class="u-absolute u-z-upside c-poi-detail__open-panel u-none@lg u-right-base u-top-xsmall">
                <svg aria-hidden="true" class="o-icon o-icon--md o-icon--inverse u-cursor-pointer">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-maximize-2"></use>
                </svg>
            </label>

            <label for="open-panel" class="u-absolute u-z-upside c-poi-detail__close-panel u-none@lg u-right-base u-top-xsmall">
                <svg aria-hidden="true" class="o-icon o-icon--md o-icon--inverse u-cursor-pointer">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-minimize-2"></use>
                </svg>
            </label>

            <label for="close-icon" class="c-poi-detail__close-icon u-absolute u-z-upside u-none u-block@lg u-right-base u-top-xxsmall">
                <svg aria-hidden="true" class="o-icon o-icon--md o-icon--inverse u-cursor-pointer">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
                </svg>
            </label>

            <span class="u-label-02 u-color-inverse">Ristorante</span>
            <h1 class="u-heading-08 u-m-none u-color-inverse">
                Ristorante Quinoa
            </h1>
        </label>

        <div class="c-poi-detail__panel__description c-entry u-overflow-tiny o-bg-base u-p-base u-overflow-y-auto">
            <div class="l-list-border u-my-small">
                <label for="open-panel" class="o-link-text u-block u-label-07 u-flex u-items-center u-cursor-pointer">
                    <svg aria-hidden="true" class="o-icon o-icon--sm u-mr-xsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-navigation"></use>
                    </svg>
                    Via Covignano, 245 Rimini
                </label>

                <a class="o-link-text u-block u-label-07 u-flex u-items-center" href="https://www.google.it/maps/dir//Via Covignano, 245+Rimini/" target="_blank">
                    <svg aria-hidden="true" class="o-icon o-icon--sm u-mr-xsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-map-pin"></use>
                    </svg>
                    Apri su Maps
                </a>
                <a class="o-link-text u-block u-label-07 u-flex u-items-center" href="tel:0541753274">
                    <svg aria-hidden="true" class="o-icon o-icon--sm u-mr-xsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-phone"></use>
                    </svg>
                    0541753274
                </a>
                <a class="o-link-text u-block u-label-07 u-flex u-items-center" target="_blank" href="https://www.instagram.com/bar.ilde/">
                    <svg aria-hidden="true" class="o-icon o-icon--sm u-mr-xsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
                    </svg>
                    @bar.ilde
                </a>
            </div>

            <p>
                La collina di Covignano sta a soli 10 minuti di macchina dal Grand Hotel di Rimini, dunque una tappa qui è praticamente d’obbligo. Parliamo infatti di un chiosco con una lunga carriera, fondato nel 1958 in una vigna dal padre della signora Ilde, scomparsa nel 2023 dopo aver fatto la storia della piadina. Ci si trovano impasti in diverse varianti tradizionale con lo strutto, all&#39;olio d&#39;oliva e con farina integrale e . I prezzi variano dai 7 ai 12€ a seconda delle farciture, che sono sempre abbondati, non scontate e stagionali salumi, roast beef, verdure gratinate, formaggi di tutti i tipi, filetti di tonno e sardoncini. E c’è anche, naturalmente, il &quot;cassone&quot;, una piadina sigillata a metà con un ripieno filante di mozzarella e pomodoro, salsiccia e bietoline oppure cotto e formaggio. Per accompagnare il tutto si sorseggia Amarcord, una birra riminese “doc” La collina di Covignano sta a soli 10 minuti di macchina dal Grand Hotel di Rimini, dunque una tappa qui è praticamente d’obbligo. Parliamo infatti di un chiosco con una lunga carriera, fondato nel 1958 in una vigna dal padre della signora Ilde, scomparsa nel 2023 dopo aver fatto la storia della piadina. Ci si trovano impasti in diverse varianti tradizionale con lo strutto, all&#39;olio d&#39;oliva e con farina integrale e . I prezzi variano dai 7 ai 12€ a seconda delle farciture, che sono sempre abbondati, non scontate e stagionali salumi, roast beef, verdure gratinate, formaggi di tutti i tipi, filetti di tonno e sardoncini. E c’è anche, naturalmente, il &quot;cassone&quot;, una piadina sigillata a metà con un ripieno filante di mozzarella e pomodoro, salsiccia e bietoline oppure cotto e formaggio. Per accompagnare il tutto si sorseggia Amarcord, una birra riminese “doc”.
            </p>

            <img src="https://www.cibotoday.it/~media/original-hi/64059774043923/osteria-di-via-peri-sanremo.jpeg" title="Un piatto del Ristorante Il Tino" alt="Un piatto del Ristorante Il Tino">

            <div class="c-btn c-btn--evidence u-my-medium u-p-base u-radius-base">
                <a class="u-label-04 o-link-inverse u-flex u-justify-center u-items-center" href="" target="_blank">
                    <svg aria-hidden="true" class="o-icon o-icon--sm u-mr-xsmall">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-book-open"></use>
                    </svg>
                    Scheda completa
                </a>
            </div>
        </div>
    </div>
</div>