Embed

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sprachwahl Widget</title>
    <style>
        /* Widget Container - fest positioniert ganz oben links */
        .language-switcher {
            position: fixed;
            top: 5px;
            left: 20px;
            z-index: 9999;
            background-color: #B8CDE2;
            border-radius: 12px;
            padding: 8px 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-family: Arial, sans-serif;
            max-width: 280px;
        }

        /* Scrollbarer Container für Flaggen */
        .flags-container {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding: 4px 0;
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
        }

        .flags-container::-webkit-scrollbar {
            height: 4px;
        }

        .flags-container::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
        }

        .flags-container::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.5);
            border-radius: 2px;
        }

        .flags-container::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.7);
        }

        /* Einzelne Flaggen-Buttons */
        .flag-button {
            min-width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid white;
            cursor: pointer;
            transition: all 0.3s ease;
            background-size: cover;
            background-position: center;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
            position: relative;
            overflow: hidden;
        }

        .flag-button:hover {
            transform: scale(1.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            border-color: #ffffff;
        }

        .flag-button.active {
            border-color: #4CAF50;
            border-width: 3px;
            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.3);
        }

        /* Tooltip für Sprachnamen */
        .flag-button::after {
            content: attr(data-lang);
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 11px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .flag-button:hover::after {
            opacity: 1;
        }

        /* Flaggen-Hintergründe mit SVG-Flaggen */
        .flag-de {
            background: linear-gradient(to bottom, #000 33%, #DD0000 33%, #DD0000 66%, #FFCE00 66%);
        }

        .flag-en {
            background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiMwMDIzNjgiLz4KPHN0cmlwZSB4MT0iMCIgeTE9IjIiIHgyPSI0MCIgeTI9IjIiIGZpbGw9IiNmZmZmZmYiIGhlaWdodD0iMyIvPgo8c3RyaXBlIHgxPSIwIiB5MT0iNiIgeDI9IjQwIiB5Mj0iNiIgZmlsbD0iI2JmMDAzMCIgaGVpZ2h0PSIzIi8+CjxzdHJpcGUgeDE9IjAiIHkxPSIxMCIgeDI9IjQwIiB5Mj0iMTAiIGZpbGw9IiNmZmZmZmYiIGhlaWdodD0iMyIvPgo8L3N2Zz4K');
            background: 
                repeating-linear-gradient(0deg, #B22234 0px, #B22234 3px, #FFFFFF 3px, #FFFFFF 6px),
                #3C3B6E;
            background-size: 100% 70%, 40% 30%;
            background-position: 0 30%, 0 0;
            background-repeat: repeat-x, no-repeat;
        }

        .flag-ru {
            background: linear-gradient(to bottom, #FFFFFF 33%, #0039A6 33%, #0039A6 66%, #D52B1E 66%);
        }

        .flag-es {
            background: linear-gradient(to bottom, #C60B1E 25%, #FFC400 25%, #FFC400 75%, #C60B1E 75%);
        }

        .flag-ar {
            background: linear-gradient(to bottom, #CE1126 33%, #FFFFFF 33%, #FFFFFF 66%, #000000 66%);
        }

        /* Mobile Optimierung */
        @media (max-width: 768px) {
            .language-switcher {
                top: 5px;
                left: 10px;
                max-width: 250px;
                padding: 6px 10px;
            }

            .flag-button {
                min-width: 35px;
                height: 35px;
            }

            .flags-container {
                gap: 6px;
            }
        }

        /* Loading Animation */
        .loading {
            opacity: 0.6;
            pointer-events: none;
        }

        /* Status Indicator */
        .status-indicator {
            position: absolute;
            top: -5px;
            right: -5px;
            width: 12px;
            height: 12px;
            background: #4CAF50;
            border-radius: 50%;
            border: 2px solid white;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .flag-button.active .status-indicator {
            opacity: 1;
        }
    </style>
</head>
<body>
    <div class="language-switcher" id="languageSwitcher">
        <div class="flags-container" id="flagsContainer">
            <button class="flag-button flag-international" data-lang="Translate" data-code="translate" onclick="activateTranslate()" id="translateButton">
                <span class="translate-icon">🌐</span>
                <div class="status-indicator"></div>
            </button>
        </div>
    </div>

    <script>
        // Aktuelle Sprache verfolgen
        let currentLanguage = 'de';
        let isTranslating = false;

        // Prüfen ob bereits auf übersetzter Seite
        function isOnTranslatedPage() {
            return window.location.href.includes('translate.goog') || 
                   window.location.href.includes('translate.google.com') ||
                   new URLSearchParams(window.location.search).get('_x_tr_tl');
        }

        // Google Translate initialisieren
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'de',
                includedLanguages: 'de,en,ru,es,ar',
                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
                autoDisplay: false,
                multilanguagePage: true
            }, 'google_translate_element');
        }

        // Verstecktes Google Translate Element erstellen
        function initializeTranslate() {
            if (!document.getElementById('google_translate_element')) {
                const translateDiv = document.createElement('div');
                translateDiv.id = 'google_translate_element';
                translateDiv.style.display = 'none';
                document.body.appendChild(translateDiv);

                // Google Translate Script laden
                const script = document.createElement('script');
                script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
                script.async = true;
                document.head.appendChild(script);
            }
        }

        // Übersetzung aktivieren
        function activateTranslate() {
            // Prüfen ob bereits auf übersetzter Seite
            if (isOnTranslatedPage()) {
                console.log('Bereits auf übersetzter Seite - Klick ignoriert');
                return false;
            }

            // Verhindere Mehrfachklicks
            if (isTranslating) {
                console.log('Übersetzung läuft bereits - Klick ignoriert');
                return false;
            }

            // Sofort sperren
            isTranslating = true;
            
            const switcher = document.getElementById('languageSwitcher');
            const button = document.getElementById('translateButton');
            
            // Button komplett deaktivieren
            button.onclick = null;
            button.disabled = true;
            button.style.pointerEvents = 'none';
            button.style.opacity = '0.5';
            button.style.cursor = 'not-allowed';
            
            // Loading-Zustand
            switcher.classList.add('loading');
            button.classList.add('active');

            // URL aufbauen und weiterleiten
            const currentUrl = window.location.href;
            const translateUrl = `https://translate.google.com/translate?sl=de&tl=en&u=${encodeURIComponent(currentUrl)}`;
            
            console.log('Weiterleitung zu Google Translate...');
            window.location.href = translateUrl;
            
            return false;
        }

        // Aktuelle Sprache aus URL erkennen
        function detectCurrentLanguage() {
            const urlParams = new URLSearchParams(window.location.search);
            const hash = window.location.hash;
            
            // Google Translate Parameter prüfen
            if (urlParams.get('_x_tr_tl') || hash.includes('translate.google.com') || window.location.href.includes('translate.google.com')) {
                // Button als aktiv markieren wenn auf übersetzter Seite
                const button = document.querySelector('.flag-international');
                if (button) {
                    button.classList.add('active');
                }
            }
        }

        // Touch-Scrolling für Mobile optimieren
        function initializeMobileScroll() {
            const container = document.getElementById('flagsContainer');
            let isScrolling = false;
            let startX = 0;
            let scrollLeft = 0;

            container.addEventListener('touchstart', (e) => {
                isScrolling = true;
                startX = e.touches[0].pageX - container.offsetLeft;
                scrollLeft = container.scrollLeft;
            });

            container.addEventListener('touchmove', (e) => {
                if (!isScrolling) return;
                e.preventDefault();
                const x = e.touches[0].pageX - container.offsetLeft;
                const walk = (x - startX) * 2;
                container.scrollLeft = scrollLeft - walk;
            });

            container.addEventListener('touchend', () => {
                isScrolling = false;
            });
        }

        // Widget initialisieren
        document.addEventListener('DOMContentLoaded', function() {
            // Prüfen ob bereits auf übersetzter Seite
            if (isOnTranslatedPage()) {
                console.log('Auf übersetzter Seite - Button wird deaktiviert');
                const button = document.getElementById('translateButton');
                if (button) {
                    button.disabled = true;
                    button.style.pointerEvents = 'none';
                    button.style.opacity = '0.5';
                    button.onclick = null;
                    button.classList.add('active');
                }
            }
            
            detectCurrentLanguage();
            initializeMobileScroll();
            
            // Smooth Scrolling für Flaggen-Container
            const container = document.getElementById('flagsContainer');
            if (container) {
                container.style.scrollBehavior = 'smooth';
            }
            
            console.log('Sprachwahl-Widget erfolgreich geladen');
        });

        // Resize Handler für Mobile
        window.addEventListener('resize', function() {
            const switcher = document.getElementById('languageSwitcher');
            if (window.innerWidth <= 768) {
                switcher.style.maxWidth = '250px';
            } else {
                switcher.style.maxWidth = '280px';
            }
        });
    </script>
</body>
</html>

Banner

georgisches Restaurant direkt im Art Hotel Baden-Baden

Nani

Text + image

<h2 style="white-space:pre-line">Georgische Küche im Herzen von Baden-Baden</h2>
<p>Das Restaurant Nani begeistert mit authentischer georgischer Küche – direkt im Art Hotel Baden-Baden. Genießen Sie georgische Spezialitäten wie Chatschapuri oder Chinkali in stilvollem Ambiente. Ob als Hotelgast oder externer Besucher: Das Restaurant Nani steht für kulinarische Entdeckungen in zentraler Lage.</p>

Traditional Georgian cuisine background. Khinkali, phali, chahokhbili, lobio, cheese, eggplant rolls, dark background.

Image grid

Im Restaurant Nani, dem hauseigenen Restaurant des Art Hotel Baden-Baden, erleben Sie georgische Kochkunst auf höchstem Niveau. Unsere Küche verwöhnt Sie mit frisch zubereiteten Spezialitäten wie Khinkali und Khachapuri, erlesenen Weinen und herzlicher Gastfreundschaft. Genießen Sie in elegantem Ambiente traditionelle Gerichte, sorgfältig ausgewählte Zutaten und die warme Atmosphäre unseres Hauses. Reservieren Sie jetzt und lassen Sie sich in Baden‑Baden kulinarisch verwöhnen.

Restaurant Nani im Art Hotel Baden-Baden – kulinarische Genüsse aus Georgien

Einladendes georgisches Restaurant in Baden-Baden mit traditioneller Einrichtung und reich gedecktem Tisch, ideal für authentische georgische Küche

a pizza crust that looks like an egg sitting on a board

Stilvoller Essbereich im georgischen Restaurant in Baden-Baden mit gedeckten Tischen, Weinflaschen und Blick auf die Altstadt, ideal für ein feines Abendessen.

Nahaufnahme eines elegant gedeckten Tisches im georgischen Restaurant in Baden-Baden mit roter Serviette, goldenem Besteck und Weingläsern, bereit für ein exklusives Mahl.

Georgian cuisine. A large set table of different dishes for a large company. Pkhali, eggplant roll, tapaka chicken, kebab, ajapsandal, khachapuri and grilled fish. Top view on a large wooden table.

Google reviews

Erfahrungen sprechen mehr als Worte – lesen Sie hier, wie unsere Gäste ihren Aufenthalt im Restaurant Nani erlebt haben.

Das sagen unsere Gäste!

Restaurant Nani

I had an amazing experience at Nani in Baden-Baden! The Adjaruli Khachapuri was honestly the best I have tried in Germany — perfectly baked, authentic, and full of flavor. The Khinkali were also outstanding, with a truly traditional Georgian taste and preparation.

To complete the experience, the Georgian wine paired beautifully with the food and made the whole evening even more special. A wonderful place for anyone who loves authentic Georgian cuisine. Highly recommended!

Otar Jafaridze

GREAT SPOT ⭐️ went in solely on a Google review, and the food was delicious and the portion size is were massive! 🥘 Looks a little bit unassuming from the front, but the restaurant inside is quite nice. My only complaint is it would say air-conditioning on the front, but the air-conditioning they had turned very low, so we had to ask them to increase the power as it was quite warm. But definitely recommended spot.

Alex K

Excellent Georgian food- authentic and very tasty. Dominic- our server had good recommendations. Met the owner as well- great guy. Highly recommend to try this restaurant when in Baden Baden. Also as a bonus there was live music( musician was playing in a birthday party on the rooftop and stopped by)

Praveen Modi

Cannot recommend this place enough! I’ve eaten out a good bit during my life, and I mean it when I say this is one of the best restaurants I’ve ever dined at. The meat was tender and the soup was very flavorful! The sauce that came with the bbq lamb chops was outstanding. Everything about our experience here was fantastic. I wish I could leave more than 5 stars! My husband and I only live about an hour from here, so we will most definitely be back!!

Anastasia Kontos

We enjoyed great family-friendly atmosphere and excellent food at this restaurant. We tried half the menu and everything was served very creatively. My fish soup with salmon and sturgeon came with red caviar sandwiches and chacha (Georgian vodka). We came back to eat here three times in two days and we’ll be back!

Yuliya Brazina

Such a lovely place! The restaurant is small and super cute, with a really cozy atmosphere. The food was delicious and the service excellent — very friendly and attentive. It was my husband’s first time trying Georgian cuisine, and he said he’d definitely eat it again — which I think says a lot! We really enjoyed everything and would happily come back!

Alina Neyman