1<!DOCTYPE html> 2<html lang="de"> 3 4<head> 5<meta charset="utf-8"> 6<title>Pension Alt-StraÃgang | Graz | gemütliche Zimmer</title> 7<meta name="description" content="Unsere gemütliche Pension Alt-StraÃgang liegt am Stadtrand von Graz und ist von der Autobahn nur 3 Autominuten entfernt. Die nächste Bushaltestelle ist in ca. 2 Minuten, der Bahnhof Graz-Seiersberg in ca. 5 Minuten zu Fuà erreichbar. Somit befinden sich unsere Gäste an einem idealen Ausgangspunkt für Ausflüge nach Graz und die nähere Umgebung."> 8<meta name="keywords" content="Graz, Pension, Urlaub, Gemütlich, Austria, Ãsterreich, Steiermark, Ferien, Zimmer Mieten, freie Zimmer, Innenstadt, Natur"> 9<meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 11<link rel="stylesheet" href="fonts/linearicons/style.css"> 12 13<link rel="stylesheet" href="fonts/material-design-iconic-font/css/material-design-iconic-font.min.css"> 14 15<link rel="stylesheet" href="fonts/font-awesome-5/css/fontawesome-all.min.css"> 16 17<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css"> 18 19<link rel="stylesheet" href="vendor/owl-carousel/css/owl.carousel.min.css"> 20<link rel="stylesheet" href="vendor/owl-carousel/css/owl.theme.default.min.css"> 21 22<link rel="stylesheet" href="css/animate.css"> 23 24<link rel="stylesheet" href="vendor/date-picker/datepicker.min.css"> 25 26<link rel="stylesheet" type="text/css" href="vendor/revolution-slider/css/layers.css"> 27<link rel="stylesheet" type="text/css" href="vendor/revolution-slider/css/navigation.css"> 28<link rel="stylesheet" type="text/css" href="vendor/revolution-slider/css/settings.css"> 29 30<link rel="stylesheet" href="vendor/hcmobilenav/demo.css"> 31 32<link rel="stylesheet" href="vendor/jquery-timepicker-master/jquery.timepicker.css"> 33 34<link rel="shortcut icon" href="favicon.png" alt="Pension Alt-StraÃgang Favoritenicon"> 35 36<link rel="stylesheet" href="css/style.css" /> 37 <style> 38 table { 39 width: 100%; 40 border-collapse: collapse; 41 } 42 th { 43 font-weight: bold; 44 background-color: #f0f0f0; 45 } 46 td, th { 47 border: 1px solid #ccc; 48 padding: 8px; 49 text-align: left; 50 } 51 52 /* Custom Slider Styles */ 53 .room-slider { 54 position: relative; 55 overflow: hidden; 56 border-radius: 8px; 57 } 58 59 .slider-container { 60 position: relative; 61 width: 100%; 62 height: 400px; 63 overflow: hidden; 64 } 65 66 .slider-wrapper { 67 display: flex; 68 transition: transform 0.5s ease-in-out; 69 height: 100%; 70 } 71 72 .slider-item { 73 min-width: 100%; 74 height: 100%; 75 } 76 77 .slider-item img { 78 width: 100%; 79 height: 100%; 80 object-fit: cover; 81 } 82 83 .slider-nav { 84 position: absolute; 85 top: 50%; 86 transform: translateY(-50%); 87 background: rgba(0, 0, 0, 0.5); 88 color: white; 89 border: none; 90 padding: 15px 20px; 91 cursor: pointer; 92 font-size: 18px; 93 transition: background 0.3s; 94 z-index: 10; 95 } 96 97 .slider-nav:hover { 98 background: rgba(0, 0, 0, 0.7); 99 } 100 101 .slider-nav.prev { 102 left: 10px; 103 } 104 105 .slider-nav.next { 106 right: 10px; 107 } 108 109 .slider-dots { 110 display: flex; 111 justify-content: center; 112 margin-top: 15px; 113 gap: 10px; 114 } 115 116 .slider-dot { 117 width: 12px; 118 height: 12px; 119 border-radius: 50%; 120 background: #ccc; 121 cursor: pointer; 122 transition: background 0.3s; 123 } 124 125 .slider-dot.active { 126 background: #cdaa7c; 127 } 128 129 .slider-counter { 130 position: absolute; 131 bottom: 15px; 132 right: 15px; 133 background: rgba(0, 0, 0, 0.7); 134 color: white; 135 padding: 5px 10px; 136 border-radius: 15px; 137 font-size: 12px; 138 z-index: 10; 139 } 140 </style> 141</head> 142<body class="preload"> 143 144<div class="images-preloader"> 145<div id="preloader" class="rectangle-bounce"> 146<span></span> 147<span></span> 148<span></span> 149<span></span> 150<span></span> 151</div> 152</div> 153<header> 154 155<nav class="navbar-desktop has-bg static"> 156<div class="left"> 157<a href="./" class="logo"> 158<img src="images/logo_grey.png" alt="Pension Alt-StraÃgang"> 159</a> 160</div> 161<ul> 162<li> 163 <a href="./">HOME</a> 164</li> 165<li> 166 <a href="./zimmer">ZIMMER</a> 167</li> 168<li> 169 <a href="./kontakt">BUCHUNG</a> 170</li> 171<li> 172 <a href="./kontakt">KONTAKT</a> 173</li> 174 175</ul> 176<div class="right"> 177<div class="action"> 178<span class="lnr lnr-menu menu-sidebar-icon"></span> 179</div> 180</div> 181</nav> 182 183<nav class="navbar-mobile"> 184<div class="container"> 185<div class="heading"> 186<div class="left"> 187<a href="#" class="navbar-mobile__toggler"> 188<span></span> 189<span></span> 190<span></span> 191</a> 192</div> 193<a href="./" class="logo"> 194<img src="images/logo.png" alt="Pension Alt-StraÃgang"> 195</a> 196<div class="right"> 197<div class="action"> 198 199</div> 200</div> 201</div> 202</div> 203<nav id="main-nav"> 204<ul> 205<li> 206 <a href="./">HOME</a> 207</li> 208<li> 209 <a href="./zimmer">ZIMMER</a> 210</li> 211<li> 212 <a href="./kontakt">BUCHUNG</a> 213</li> 214<li> 215 <a href="./kontakt">KONTAKT</a> 216</li> 217</ul> 218</nav> 219</nav> 220 221 222<div class="menu-sidebar"> 223<div class="close-btn"> 224<span class="lnr lnr-cross" id="close-icon"></span> 225</div> 226<a href="./" class="logo"> 227<img src="images/logo.png" alt="Pension Alt-StraÃgang"> 228</a> 229 230<div class="contact-part"> 231<div class="contact-line"> 232<span class="lnr lnr-home"></span> 233<span>Kärntner Str. 428/430, 8054 Graz</span> 234</div> 235<div class="contact-line"> 236<a href="tel:+436505435683"> 237<span class="lnr lnr-phone-handset"></span> 238<span> +43 650 543 56 83</span> 239</a> 240</div> 241<div class="contact-line"> 242<a href="#"> 243<span class="lnr lnr-envelope"></span> 244<span> [email protected]</span> 245</a> 246</div> 247</div> 248 249</div> 250</header> 251<main> 252 253<section class="page-breadcrumb"> 254<div class="container"> 255<div class="row justify-content-between align-content-center"> 256<div class="col-md-auto"> 257<h3>Ãbernachtung im Pension Alt-StraÃgang</h3> 258</div> 259<div class="col-md-auto"> 260<ul class="au-breadcrumb"> 261<li> 262<a href="./">Home</a> 263</li> 264<li> 265<a href="./zimmer">Zimmer</a> 266</li> 267</ul> 268</div> 269</div> 270</div> 271</section> 272 273<section class="section-primary project pt-120 pb-120"> 274<div class="container"> 275<div class="row"> 276<h6>Anreise: 12:00 bis 21:00 Uhr (Bei späterer Anreise bitten wir um telefonischen
276Kontakt.)<br>Abreise: bis 11:00 Uhr</h6> 277<br> 278<hr style="border: none; border-top: 2px solid #000; width: 100%;"> 279 280<br><br><br><br> 281<div class="col-lg-8"> 282<div class="project-image"> 283<div class="room-slider"> 284<div class="slider-container"> 285<div class="slider-wrapper" id="einzelzimmer-slider"> 286<div class="slider-item"> 287<img src="images/1bett.jpg" alt="Doppelzimmer - Hauptansicht"> 288</div> 289</div> 290</div> 291</div> 292</div> 293</div> 294<div class="col-lg-4"> 295<div class="project-content"> 296<h4>Einzelzimmer</h4> 297<div class="info"> 298<div class="info-item"> 299 300<span>-> Dusche</span><br> 301<span>-> WC</span><br> 302<span>-> Telefon</span><br> 303<span>-> TV</span><br> 304<span>-> Radio</span><br> 305<span>-> Safe</span><br> 306<span>-> Kleinküche</span><br> 307<span>-> teilweise mit Minibar (ohne Inhalt)</span><br> 308<span>-> Internet über WLAN</span><br> 309<span>-> gratis Parkplatz</span><br><br> 310<b>55â¬/Nacht für 1 Person | 65⬠mit Frühstück</b> 311</div> 312<form action="./kontakt"> 313 <button class="au-btn round has-bg medium au-btn--hover">Anfragen</button> 314</form> 315</div> 316</div> 317</div> 318</div> 319 320<div class="row"> 321<hr style="border: none; border-top: 2px solid #000; width: 100%;"> 322 323<br><br><br><br> 324<div class="col-lg-8"> 325<div class="project-image"> 326<div class="room-slider"> 327<div class="slider-container"> 328<div class="slider-wrapper" id="doppelzimmer-slider"> 329<div class="slider-item"> 330<img src="images/2bett.jpg" alt="Doppelzimmer - Hauptansicht"> 331</div> 332</div> 333</div> 334</div> 335</div> 336</div> 337<div class="col-lg-4"> 338<div class="project-content"> 339<h4>Doppelzimmer</h4> 340<div class="info"> 341<div class="info-item"> 342 343<span>-> Dusche</span><br> 344<span>-> WC</span><br> 345<span>-> Telefon</span><br> 346<span>-> TV</span><br> 347<span>-> Radio</span><br> 348<span>-> Safe</span><br> 349<span>-> Kleinküche</span><br> 350<span>-> teilweise mit Minibar (ohne Inhalt)</span><br> 351<span>-> Internet über WLAN</span><br> 352<span>-> gratis Parkplatz</span><br> 353<span>-> Vorzimmer</span><br> 354<span>-> Schlafzimmer</span><br><br> 355<b>85â¬/Nacht für 1 Person | 95⬠mit Frühstück</b><br> 356<b>90â¬/Nacht für 2 Personen | 110⬠mit Frühstück</b> 357</div> 358<form action="./kontakt"> 359 <button class="au-btn round has-bg medium au-btn--hover">Anfragen</button> 360</form> 361</div> 362</div> 363</div> 364</div> 365 366<div class="row"> 367<hr style="border: none; border-top: 2px solid #000; width: 100%;"> 368 369<br><br><br><br> 370<div class="col-lg-8"> 371<div class="project-image"> 372<div class="image-holder"> 373<img src="images/3bett.jpg" alt="Pension Alt-StraÃgang"> 374</div> 375</div> 376</div> 377<div class="col-lg-4"> 378<div class="project-content"> 379<h4>3-Bettzimmer</h4> 380<div class="info"> 381<div class="info-item"> 382 383<span>-> Dusche</span><br> 384<span>-> WC</span><br> 385<span>-> Telefon</span><br> 386<span>-> TV</span><br> 387<span>-> Radio</span><br> 388<span>-> Safe</span><br> 389<span>-> Kleinküche</span><br> 390<span>-> teilweise mit Minibar (ohne Inhalt)</span><br> 391<span>-> Internet über WLAN</span><br> 392<span>-> gratis Parkplatz</span><br> 393<span>-> Vorzimmer</span><br> 394<span>-> Wohnzimmer</span><br> 395<span>-> Schlafzimmer</span><br> 396<b>75â¬/Nacht für 1 Person | 85⬠mit Frühstück</b><br> 397<b>80â¬/Nacht für 2 Personen | 100⬠mit Frühstück</b><br> 398<b>120â¬/Nacht für 3 Personen | 150⬠mit Frühstück</b><br> 399</div> 400<form action="./kontakt"> 401 <button class="au-btn round has-bg medium au-btn--hover">Anfragen</button> 402</form> 403</div> 404</div> 405</div> 406</div> 407 408<div class="row"> 409<hr style="border: none; border-top: 2px solid #000; width: 100%;"> 410 411<br><br><br><br> 412<div class="col-lg-8"> 413<div class="project-image"> 414<div class="image-holder"> 415<img src="images/4bett.jpg" alt="Pension Alt-StraÃgang"> 416</div> 417</div> 418</div> 419<div class="col-lg-4"> 420<div class="project-content"> 421<h4>Appartment für 1-4 Personen</h4> 422<div class="info"> 423<div class="info-item"> 424 425<span>-> Dusche</span><br> 426<span>-> WC</span><br> 427<span>-> Telefon</span><br> 428<span>-> TV</span><br> 429<span>-> Radio</span><br> 430<span>-> Safe</span><br> 431<span>-> Kleinküche</span><br> 432<span>-> teilweise mit Minibar (ohne Inhalt)</span><br> 433<span>-> Internet über WLAN</span><br> 434<span>-> gratis Parkplatz</span><br><br> 435<b>75â¬/Nacht für 1 Person | 85⬠mit Frühstück</b><br> 436<b>80â¬/Nacht für 2 Personen | 100⬠mit Frühstück</b><br> 437<b>120â¬/Nacht für 3 Personen | 150⬠mit Frühstück</b><br> 438<b>120â¬/Nacht für 4 Personen | 160⬠mit Frühstück</b><br> 439</div> 440<form action="./kontakt"> 441 <button class="au-btn round has-bg medium au-btn--hover">Anfragen</button> 442</form> 443</div> 444</div> 445</div> 446</div> 447 448 449</div> 450 451</section> 452 453 454 455</main> 456 457<footer> 458 459<div class="ft-top text-center text-md-left"> 460<div class="container"> 461<div class="ft-top-wrapper style"> 462<div class="row"> 463<div class="col-md-6 col-lg-4 ft-col"> 464<a href="./"> 465<img src="images/logo.png" alt="Pension Alt-StraÃgang"> 466</a> 467<p class="style">Unsere gemütliche Pension Alt-StraÃgang liegt am Stadtrand von Graz und ist von der Autobahn nur 3 Autominuten entfernt. Die nächste Bushaltestelle ist in ca. 2 Minuten, der Bahnhof Graz-Seiersberg in ca. 5 Minuten zu Fuà erreichbar. </p> 468 469</div> 470<div class="col-md-6 col-lg-4 ft-col mt-51 pl-64"> 471<h6>Adresse</h6> 472 473<div class="contact-part"> 474<div class="contact-line"> 475<span class="lnr lnr-home"></span> 476<span><a target="none" href="https://www.google.at/maps/place/Pension+Alt-Stra%C3%9Fgang/@47.0207632,15.3951704,17z/data=!3m1!4b1!4m9!3m8!1s0x476fcabc6a0ae3bf:0x9b5e620c53c40f1b!5m2!4m1!1i2!8m2!3d47.0207596!4d15.4000413!16s%2Fg%2F1vm_wpwp?entry=ttu&g_ep=EgoyMDI1MDUyOC4wIKXMDSoASAFQAw%3D%3D">Kärntner Str. 428/430, 8054 Graz</a></span> 477</div> 478<div class="contact-line"> 479<a href="tel:+436505435683"> 480<span class="lnr lnr-phone-handset"></span> 481<span> +43 650 543 56 83</span> 482</a> 483</div> 484<div class="contact-line"> 485<a href="#"> 486<span class="lnr lnr-envelope"></span> 487<span> [email protected]</span> 488</a> 489</div> 490<div class="contact-line"> 491<a href="https://www.pension-alt-strassgang.at"> 492<span class="lnr lnr-earth"></span> 493<span> www.pension-alt-strassgang.at</span> 494</a> 495</div> 496<div class="contact-line"> 497<span class="lnr lnr-clock"></span> 498<span>Montag bis Sonntag - 06:00 bis 12:00 Uhr</span> 499</div> 500<div class="contact-line"> 501<span class="lnr lnr-clock"></span> 502<span>Montag bis Sonntag - 17:00 bis 21:00 Uhr</span> 503</div> 504</div> 505</div> 506<div class="col-md-6 col-lg-4 ft-col mt-51 pl-50"> 507<iframe width='300' height='365' name='FC3' style='border:1px solid;border-radius:19px;border-color:transparent;' src='https://api.wetteronline.de/wetterwidget?gid=11240&modeid=FC2&seourl=graz/strassgang&locationname=StraÃgang&lang=de'></iframe> 508</div> 509</div> 510</div> 511</div> 512</div> 513<div class="ft-bot"> 514<div class="container"> 515@ 2020 - 2026 Pension Alt-StraÃgang | <a href="./impressumdatenschutz">Impressum & Datenschutz</a> 516</div> 517</div> 518</footer> 519 520<div class="click-to-top"> 521<span class="lnr lnr-arrow-up"></span> 522</div> 523
524<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
524<script src="js/jquery-3.3.1.min.js"></script>
524 525
526<script src="vendor/bootstrap/bootstrap.min.js"></script>
526 527
528<script src="vendor/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
vendor: 1 bytes, line 528
528
529<script src="vendor/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
529 530
531<script src="vendor/revolution-slider/js/revolution.extension.actions.min.js"></script>
vendor: 1 bytes, line 531
531
532<script src="vendor/revolution-slider/js/revolution.extension.carousel.min.js"></script>
vendor: 1 bytes, line 532
532
533<script src="vendor/revolution-slider/js/revolution.extension.kenburn.min.js"></script>
vendor: 1 bytes, line 533
533
534<script src="vendor/revolution-slider/js/revolution.extension.layeranimation.min.js"></script>
vendor: 1 bytes, line 534
534
535<script src="vendor/revolution-slider/js/revolution.extension.migration.min.js"></script>
vendor: 1 bytes, line 535
535
536<script src="vendor/revolution-slider/js/revolution.extension.navigation.min.js"></script>
vendor: 1 bytes, line 536
536
537<script src="vendor/revolution-slider/js/revolution.extension.parallax.min.js"></script>
vendor: 1 bytes, line 537
537
538<script src="vendor/revolution-slider/js/revolution.extension.slideanims.min.js"></script>
vendor: 1 bytes, line 538
538
539<script src="vendor/revolution-slider/js/revolution.extension.video.min.js"></script>
539 540
541<script src="vendor/owl-carousel/js/owl.carousel.min.js"></script>
541 542
543<script src="js/sweetalert.min.js"></script>
543 544
545<script src="vendor/hcmobilenav/hc-mobile-nav.js"></script>
545 546
547<script src="vendor/jquery-ui/jquery-ui.min.js"></script>
547 548
549<script src="vendor/date-picker/datepicker.js"></script>
vendor: 1 bytes, line 549
549
550<script src="vendor/date-picker/datepicker.en.js"></script>
550 551
552<script src="vendor/jquery-timepicker-master/jquery.timepicker.min.js"></script>
vendor: 1 bytes, line 552
552
553<script src="js/main.min.js"></script>
553 554
555<script> 556// Custom Slider JavaScript 557let currentSlideIndex = {}; 558 559function initSlider(sliderId) { 560 currentSlideIndex[sliderId] = 0; 561 updateSlider(sliderId); 562} 563 564function updateSlider(sliderId) { 565 const slider = document.getElementById(sliderId); 566 const slides = slider.querySelectorAll('.slider-item'); 567 const totalSlides = slides.length; 568 569 const translateX = -currentSlideIndex[sliderId] * 100; 570 slider.style.transform = `translateX(${translateX}%)`; 571 572 // Update counter 573 const currentCounter = document.getElementById(sliderId.replace('-slider', '-current')); 574 const totalCounter = document.getElementById(sliderId.replace('-slider', '-total')); 575 if (currentCounter) currentCounter.textContent = currentSlideIndex[sliderId] + 1; 576 if (totalCounter) totalCounter.textContent = totalSlides; 577 578 // Update dots 579 const dotsContainer = document.getElementById(sliderId.replace('-slider', '-dots')); 580 if (dotsContainer) { 581 const dots = dotsContainer.querySelectorAll('.slider-dot'); 582 dots.forEach((dot, index) => { 583 dot.classList.toggle('active', index === currentSlideIndex[sliderId]); 584 }); 585 } 586} 587 588function nextSlide(sliderId) { 589 const slider = document.getElementById(sliderId); 590 const slides = slider.querySelectorAll('.slider-item'); 591 const totalSlides = slides.length; 592 593 currentSlideIndex[sliderId] = (currentSlideIndex[sliderId] + 1) % totalSlides; 594 updateSlider(sliderId); 595} 596 597function previousSlide(sliderId) { 598 const slider = document.getElementById(sliderId); 599 const slides = slider.querySelectorAll('.slider-item'); 600 const totalSlides = slides.length; 601 602 currentSlideIndex[sliderId] = (currentSlideIndex[sliderId] - 1 + totalSlides) % totalSlides; 603 updateSlider(sliderId); 604} 605 606function currentSlide(sliderId, slideNumber) { 607 currentSlideIndex[sliderId] = slideNumber - 1; 608 updateSlider(sliderId); 609} 610 611// Auto-play functionality (optional) 612function autoPlay(sliderId, interval = 5000) { 613 setInterval(() => { 614 nextSlide(sliderId); 615 }, interval); 616} 617 618// Initialize sliders when page loads 619document.addEventListener('DOMContentLoaded', function() { 620 initSlider('doppelzimmer-slider'); 621 initSlider('einzelzimmer-slider'); 622 623 // Optional: Enable auto-play 624 // autoPlay('doppelzimmer-slider', 5000); 625 626 // Add keyboard navigation 627 document.addEventListener('keydown', function(e) { 628 if (e.key === 'ArrowLeft') { 629 previousSlide('einzelzimmer-slider'); 630 } else if (e.key === 'ArrowRight') { 631 nextSlide('einzelzimmer-slider'); 632 } 633 }); 634 635 // Add keyboard navigation 636 document.addEventListener('keydown', function(e) { 637 if (e.key === 'ArrowLeft') { 638 previousSlide('doppelzimmer-slider'); 639 } else if (e.key === 'ArrowRight') { 640 nextSlide('doppelzimmer-slider'); 641 } 642 }); 643 644 // Add touch/swipe support for mobile 645 let startX = 0; 646 let endX = 0; 647 648 const sliderContainer = document.querySelector('.slider-container'); 649 650 sliderContainer.addEventListener('touchstart', function(e) { 651 startX = e.touches[0].clientX; 652 }); 653 654 sliderContainer.addEventListener('touchend', function(e) { 655 endX = e.changedTouches[0].clientX; 656 handleSwipe(); 657 }); 658 659 function handleSwipe() { 660 const threshold = 50; 661 const diffX = startX - endX; 662 663 if (Math.abs(diffX) > threshold) { 664 if (diffX > 0) { 665 nextSlide('einzelzimmer-slider'); 666 } else { 667 previousSlide('einzelzimmer-slider'); 668 } 669 } 670 } 671 672 function handleSwipe() { 673 const threshold = 50; 674 const diffX = startX - endX; 675 676 if (Math.abs(diffX) > threshold) { 677 if (diffX > 0) { 678 nextSlide('doppelzimmer-slider'); 679 } else { 680 previousSlide('doppelzimmer-slider'); 681 } 682 } 683 } 684}); 685</script>
685 686 687</body> 688 689</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.