<html>
<head>
    <meta charset="utf-8">
    <title>Darts Galéria Budapest &#8211; Iron Bar</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        @font-face {
            font-family: Futura;
            src: url(futura-condensed-pt-medium.woff);
        }
        
        /* Global Styling */
        html, body {
            margin: 0;
            padding: 0;
            font-family: "Futura", Arial, sans-serif;
            width: 100%;
            height: 100%;
            background-color: #333;
        }
        .container {
            display: flex;
            flex-direction: row;
            height: 100vh;
        }
        .split {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-align: center;
            background-size: cover;
            background-position: center;
            position: relative;
            transition: flex 0.7s ease-in-out;
        }
        .split:hover {
            flex: 2;
        }
        .split::before {
            content: "";
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            z-index: 1;
            transition: background 0.5s ease-in-out;
        }
        .split.left::before {
            background: rgba(0, 0, 0, 0.75);
        }
        .split.right::before {
            background: rgba(0, 128, 0, 0.75);
        }
        .split.center::before {
            background: rgba(228, 34, 31, 0.9);
        }

        .content {
            position: relative;
            z-index: 2;
            opacity: 0.85;
            transition: opacity 0.7s ease-in-out;
        }
        .split:hover .content {
            opacity: 1;
        }
        .content img {
            width: 170px;
            margin-bottom: 5px;
        }
        .content h1, .content p {
            margin: 10px 0;
        }
        .content h1 {
        	line-height: 1.1em;
        	font-size: 3.2em;
        }
        .content p {
        	font-size: 1.7em;
        }
        .content .link {
            display: inline-block;
            margin-top: 15px;
            padding: 10px 20px;
            color: #fff;
            border: 2px solid #fff;
            text-decoration: none;
            font-size: 1.5em;
        }
        .content .link:hover {
            background: #fff;
            color: #000;
        }
        
        /* Three Section Backgrounds */
        .left {
            background: url('http://doingdiverse.com/wp-content/uploads/2022/12/header-2.jpg');
        }
        .center {
            background: url('bajcsy.jpg') center center no-repeat;
            background-size: cover;
        }
        .right {
            background: url('https://andersen.dartsgaleria.hu/wp-content/uploads/2024/12/IMG_1272.jpg') center center no-repeat;
        }
        
     	@media(max-width: 800px) {
            .container {
                flex-direction: column;
                height: auto;
            }
            .split {
                height: 33.33vh;
                flex: none;
            }
            .content img { 
                width: 95px;
            }
            .split .content {
             	opacity: 1;
        	}
            .content h1 {
                font-size: 1.6em;
                letter-spacing: -1;
            }
            .content p {
                font-size: 1.3em;
            }
            .content .link {
                font-size: 1.2em;
                padding: 8px 15px;
                margin-top: 0px;
                outline: none; /* Eltávolítja a fókusz keretet */
            }
            .left,.right {
            	background-size: cover;
        	}


.content .link:focus {
    outline: none; /* További biztosítás fókusz esetén */
}

        	.split.center::before {
    background: rgba(228, 34, 31, 0.8);
}
        }
    </style>

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSQN3S5XFW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DSQN3S5XFW');
</script>
</head>
<body>
    <div class="container">
        <!-- First Section -->
        <div class="split left">
            <div class="content">
                <a href="http://doingdiverse.com"><img src="http://doingdiverse.com/wp-content/uploads/2019/09/logo_white-e1668875147863.png"></a>
                <h1>
SZENT ISTVÁN KÖRÚT</h1>
                <p><i class="fa fa-map-marker" style="margin-right: 10px;" aria-hidden="true"></i>1055 Budapest, Szent István körút 9.</p>
                <a href="http://doingdiverse.com" class="link">Tovább »</a>
            </div>
        </div>
        <!-- Second Section -->
        <div class="split center">
            <div class="content">
               <a href="https://bajcsy.dartsgaleria.hu"><img src="logo_white.png"></a>
                <h1>
BAJCSY</h1>
                <p><i class="fa fa-map-marker" style="margin-right: 10px;" aria-hidden="true"></i>1054 Budapest, Bajcsy-Zsilinszky út 64.</p>
                <a href="https://bajcsy.dartsgaleria.hu" class="link">Tovább »</a>
            </div>
        </div>
        <!-- Third Section -->
        <div class="split right">
            
            <div class="content">
                <a href="https://andersen.dartsgaleria.hu"><img src="logo_white.png"></a>
                <h1>
ERZSÉBET KÖRÚT</h1>
                <p><i class="fa fa-map-marker" style="margin-right: 10px;" aria-hidden="true"></i>1073 Budapest, Erzsébet körút 30.</p>
                <a href="https://andersen.dartsgaleria.hu" class="link">Tovább »</a>
            </div>
        </div>
    </div>

<script>
document.querySelectorAll('.link').forEach(link => {
    // iOS Safari fix – első érintés azonnal navigál
    link.addEventListener('touchend', function(e) {
        e.preventDefault();
        window.location = this.href;
    }, { passive: false });

    // Normál kattintás desktopra
    link.addEventListener('click', function(e) {
        // NINCS preventDefault, nem kell!
    });
});
</script>
</body>
</html>
