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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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" />

            <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 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>