CINXE.COM

<!DOCTYPE html> <html class="navstyle_twin"> <head> <base href="https://singyoursong.at/"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"><meta name="description" content="Das Karaoke-Lokal "Sing Your Song" gilt als die Karaoke Bar in Wien schlechthin und garantiert Spaß und Unterhaltung für jeden - ganz nach dem Motto "Komm als Gast, geh' als Freund!""><meta name="keywords" content="Sing Your Song,karaoke, Wien, Vienna, bar, SingYourSong, party, events, fun, Lokal, Eschenbachgasse, Fotos, sing, your, song, musik, songs, lieder, hartl, trinken, karaoke music, karaoke songs, karaoke entertainment, songs"><meta name="Content-Language" content="de"><meta name="revisit-after" content="7 days"><meta name="robots" content="index,follow"><link rel="contents" href="./" title="Home"><link rel="chapter" href="songs" title="Songliste"><link rel="chapter" href="#syscontact" title="Reservierung"><link rel="appendix" href="/login/" title="Login"><link rel="appendix" href="/?d=u&m=l&f.l=o" title="Online-Benutzerliste"><link rel="appendix" href="/?d=u&m=l&f.l=r&f.o=lp" title="Liste der registrierten Benutzer"><link rel="appendix" href="/?d=d&m=p" title="Benutzerregeln & Website-Informationen"> <title>Sing Your Song - Karaoke Bar</title> <style type="text/css">html { background-color: #000000; } body { border: 0px solid transparent; padding: 0; margin: 0; background-color: #000000; color: #e9e5e6; position: relative; font-family: sans-serif; font-size: 1.25em; } body.plain { border: 0px solid transparent; margin: 0.2em; min-height: 0px; height: auto; } a:link { color: #e9e5e6; } a:visited { color: #e9e5e6; } a:hover, a:active { color: #ffffff; } .pgblock { background-color: #e96f05; color: #ffffff; } .pgblock a:link { color: #ffffff; } .pgblock a:visited { color: #ffffff; } .pgblock a:hover, a:active { color: #e9e5e6; } body > * { max-width: 70rem; margin: 0 auto; padding: 0; border: 0; } header { display: flex; flex-direction: row; margin-top: 1em; margin-bottom: 1em; } #nav, header > .socialbuttons { flex-shrink: 1; flex-basis: 50%; margin: auto 0; } header > .logolink { display: block; } #navbutton[aria-expanded="false"]::before { content: '≡'; } #navbutton[aria-expanded="true"]::before { content: '☓'; } #nav { } #navglobal li { display: inline-block; margin: 0 1ch; } #navglobal li:not(.current) a { text-decoration: none; } #navglobal li.current a:link, #navglobal li.current a:visited { color: #e17a00; } #navglobal li.current a:hover { color: #ffffff; } #navglobal li.current a { text-decoration-thickness: 2px; text-underline-offset: .5em; } header > .socialbuttons { text-align: right; } .socialbuttons a { margin: 1ch; } .logo { max-width: 7rem; } #mainContent { overflow-x: auto; overflow-y: visible; } ul.navmenu { list-style-type: none; margin-top: 1em; margin-bottom: 1em; padding: 0; } ul.navmenu li { margin: 0 3ch 1em 0; padding: 0; } #navapp { display: flex; flex-direction: row; font-size: 0.75em; } #navapp li.lvl1 { list-style-type: '→'; } #navapp li.lvl2 { list-style-type: '⇒'; } #navapp li.lvl3 { list-style-type: '⇛'; } #navapp li.lvl4 { list-style-type: '⇉'; } #navapp li.lvl5 { list-style-type: '⇶'; } div.sysnotes { margin-bottom: 1em; padding: 0.5em; border: 1px solid transparent; background-color: #FFF0F0; color: #ffffff; } div.sysnotes p { margin: 0.5em 0; } .slanted { padding-bottom: 7rem; } .slanted + section, .slanted + footer { clip-path: polygon(0 7rem, 100% 0, 100% 100%, 0 100%, 0 7rem); -webkit-clip-path: polygon(0 7rem, 100% 0, 100% 100%, 0 100%, 0 7rem); margin-top: -7rem; padding-top: 7rem; } #admincontrols { text-align: right; font-size: 0.75em; font-style: italic; padding: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; border: 1px solid transparent; } footer { background-color: #e96f05; color: #ffffff; max-width: none; } footer > div { margin: 0 auto; padding: .5em 1ch; max-width: 70rem; font-size: 0.75em; text-align: right; } #debug { margin-top: 0.5em; margin-bottom: 0.5em; background-color: #CCCCCC; color: red; } div.usection { margin-top: 2em; font-size: 0.75em; } #login { margin-top: 1em; border-top: 1px solid transparent; padding-top: 1em; } div.usection input.login { width: 100%; font-size: 0.9em; } div.usection input.loginbutton { font-size: 0.9em; } #msgInbox { } #userCounts { } #birthdays { } #formal { } img.icon { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(51deg) brightness(104%) contrast(103%); } @media screen and (max-width: 660px) { #navglobal { font-size: 0.9em; } #navglobal li { margin-right: 0; } } @media screen and (max-width: 610px) { #navglobal { font-size: 0.8em; } } @media screen and (max-width: 550px) { body { padding: 0 0.5em; } header { flex-direction: row-reverse; } header .logo { max-height: 4em; } #navbuttoncontainer { flex-grow: 1; text-align: right; } #navbuttoncontainer > button { font-size: 3em; background: transparent; color: #ffffff; border: 0; margin: -.3em 0 0; padding: 0; display: inline-block; } #navbuttoncontainer > button:hover { color: #e9e5e6; } #nav { position: absolute; width: auto; height: auto; padding: 0 1em 1em; margin: 0; border-right: none; border-bottom: 1px solid transparent; overflow: visible; background-color: rgba(0, 0, 0, 0.8); top: 0em; left: 8ch; right: 8ch; } #mainContent { margin: 1em 0 0 0; min-height: 0; overflow: visible; } ul.navmenu, ul.navmenu:first-child { margin-top: 0; } ul.navmenu:last-child { margin-bottom: 0; } #navglobal > li { display: block; margin: 1em 0; text-align: center; font-size: 1.5em; } div#login { margin-top: 0; } .nonmobile, #nav > .nonmobile { display: none; } .mobilehidden { display: none; } } @media screen and not (max-width: 550px) { .mobile { display: none; } } @media print { .contentnav { display: none; } } h1 { font-size: 2.5em; font-weight: bold; margin: 0.5em 0em; color: #e17a00; text-transform: uppercase; } h2 { font-size: 2em; font-weight: bold; margin: 0.5em 0em; color: #e17a00; text-transform: uppercase; } h3 { font-size: 1.5em; font-weight: bold; margin: 0.5em 0em; color: #e17a00; } h4 { font-size: 1.2em; font-weight: bold; margin: 0.5em 0em; color: #e17a00; } h5 { font-size: 1.1em; font-weight: normal; font-style: italic; margin: 0.5em 0em; color: #e17a00; } #mainContent > h1:first-child, #mainContent > h2:first-child, #mainContent > h3:first-child, #mainContent > h4:first-child, #mainContent > h5:first-child, #mainContent > p:first-child { margin-top: 0em; } strong, .strong, em, .em { font-weight: bold; color: #e17a00; } .dis { color: #808080; font-size: 0.85em; } th { font-weight: bold; font-size: 0.75em; color: #e17a00; } table.border { border-spacing: 0px; border-collapse: collapse; empty-cells: show; border-left: 1px solid #e9e5e6; border-top: 1px solid #e9e5e6; } table.widetbl { width: calc(100% - 2px); border-spacing: 0px; border-collapse: collapse; empty-cells: show; border-left: 1px solid #e9e5e6; border-top: 1px solid #e9e5e6; } table.widetbl th, table.widetbl td, table.border th, table.border td { border-bottom: 1px solid #e9e5e6; border-right: 1px solid #e9e5e6; } table.border td { padding-left: 3px; padding-right: 3px; } img { border: 0px; } img.icon { vertical-align: bottom; } .icon.inline { vertical-align: middle; } img.bb { max-width: 400px; } ul, ol { padding-left: 2em; } ul.flatlist { list-style-type: none; margin: 0em; padding: 0px; } ul.flatlist li { margin: 0 0 0.2em 0; padding: 0px; } ul.flatlist.fullflat li { margin: 0; } .wide { width: 100%; } .small { font-size: 0.75em; } .warn { color: red; } p.pages { } p.pages .pagenum { } p.pages .pagenum.curpage, p.pages #curpage { font-weight: bold; color: #e17a00; } .help { font-size: 0.75em; font-style: italic; } p.flat { border: 0px; margin: 0px; padding: 0px; } form.flat { border: 0px; margin: 0px; padding: 0px; } fieldset { border: 1px solid #e9e5e6; margin: 0; padding: 0.5em; } fieldset legend { font-size: 0.75em; font-style: italic; } div.tabbar { margin-top: 0.5em; } div.tabbar.simple { margin: 1em 0; border-bottom: 1px solid #e9e5e6; line-height: calc(1em + 3px); } div.tabbar input { visibility: hidden; height: 0.5em; } div.tabbar label { padding-right: 2em; } div.tabbar a.label, span.label { padding: 0 2em; color: inherit; text-decoration: inherit; } div.tabbar span.pre, div.tabbar span.tab, div.tabbar span.post { border-width: 1px 1px 1px 0px; border-color: #e9e5e6; border-style: solid; } div.tabbar span.pre { border-top-color: #000000; } div.tabbar span.post { border-width: 0px 0px 1px 0px; } div.tabbar span.tab { background-color: #dbdddd; color: #808080; } div.tabbar span.tab:hover { background-color: #7fff7f; color: #e9e5e6; } div.tabbar span.tab.active, div.tabbar span.tab.active:hover { font-weight: bold; background-color: #e96f05; color: #ffffff; border-bottom-color: #e96f05; } div.tabpanes { border: 1px solid #e9e5e6; } div.tabpane { padding: 0.5em; } div.quote { margin: 0.3em 1em; } div.quote_title { font-size: 0.75em; font-weight: bold; } div.quote_inner { background-color: #e96f05; color: #ffffff; border: 1px solid transparent; padding: 0.2em; } textarea.fullwidth { width: calc(100% - 5px); } input[type="number"] { text-align: right; } input[type="checkbox"],input[type="radio"] { vertical-align: sub; } li > input[type="radio"]:first-child { margin-inline-start: 0; } input:invalid { box-shadow: 0 0 2px 1px red; } .hidden { display: none; } .loginabutton { display: inline-block; position: relative; overflow: hidden; background-color: #e96f05; color: #e9e5e6; border-radius: 3px; padding: 5px 10px 5px 25px; /*font-size: 12px;*/ } .loginabutton:link, .loginabutton:visited, .pgblock .loginabutton:link, .pgblock .loginabutton:visited { color: #e9e5e6; } .loginabutton:hover, .loginabutton:active, .pgblock .loginabutton:hover, .pgblock .loginabutton:active { background-color: #e96f05; color: #ffffff; } .loginabutton > span { display: inline-block; padding-left: 30px; font-weight: bold; } .loginabutton::before { content: ''; display: inline-block; width: 20px; height: 20px; background-color: #dbdddd; position: absolute; top: 50%; margin-top: -10px; -ms-transform: rotate(45deg); /* For IE9, IE10 supports non-prefixed version */ transform: rotate(45deg); } .loginabutton:after { /* :after is supported in IE8, ::after needs IE9+ */ content: ''; display: inline-block; position: absolute; left: 0; width: 25px; height: 20px; padding: 5px; /* gets added 2x to above width/height! */ top: 50%; margin-top: -15px; background-repeat: no-repeat; background-color: #dbdddd; background-position-y: center; background-position-x: 2px; } .loginabutton.kairologin:after { background-image: url("?d=u&p=logintype-KaiRo"); } .loginabutton.githublogin:after { content: 'GH'; font-size: 20px; } /* Link body */ .persona-button{ color: #fff; display: inline-block; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.1; overflow: hidden; position: relative; text-decoration: none; text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2); background: #297dc3; background: -moz-linear-gradient(top, #43a6e2, #287cc2); background: -ms-linear-gradient(top, #43a6e2, #287cc2); background: -o-linear-gradient(top, #43a6e2, #287cc2); background: -webkit-linear-gradient(top, #43a6e2, #287cc2); background: linear-gradient(top, #43a6e2, #287cc2); -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.2); } .persona-button:hover{ background: #21669f; background: -moz-linear-gradient(top, #3788b9, #21669f); background: -ms-linear-gradient(top, #3788b9, #21669f); background: -o-linear-gradient(top, #3788b9, #21669f); background: -webkit-linear-gradient(top, #3788b9, #21669f); background: linear-gradient(top, #3788b9, #21669f); } .persona-button:active, .persona-button:focus{ top: 1px; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .persona-button span{ display: inline-block; padding: 5px 10px 5px 40px; } /* Icon */ .persona-button span:after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat; content: ''; display: block; width: 31px; position: absolute; bottom: 0; left: -3px; top: 0; z-index: 10; } /* Icon background */ .persona-button span:before{ content: ''; display: block; height: 100%; width: 20px; position: absolute; bottom: 0; left: 0; top: 0; z-index: 1; background: #42a9dd; background: -moz-linear-gradient(top, #50b8e8, #3095ce); background: -ms-linear-gradient(top, #50b8e8, #3095ce); background: -o-linear-gradient(top, #50b8e8, #3095ce); background: -webkit-linear-gradient(top, #50b8e8, #3095ce); background: linear-gradient(top, #50b8e8, #3095ce); -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* Triangle */ .persona-button:before{ background: #42a9dd; content: ''; display: block; height: 26px; width: 26px; position: absolute; left: 2px; top: 50%; margin-top: -13px; z-index: 0; background: -moz-linear-gradient(-45deg, #50b8e8, #3095ce); background: -ms-linear-gradient(-45deg, #50b8e8, #3095ce); background: -o-linear-gradient(-45deg, #50b8e8, #3095ce); background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce); background: linear-gradient(-45deg, #3095ce, #50b8e8); /* flipped for updated spec */ -moz-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -ms-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -o-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* Inset shadow (required here because the icon background clips it when on the `a` element) */ .persona-button:after{ content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -ms-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -o-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); } /* ======================================================== * Dark button * ===================================================== */ .persona-button.dark{ background: #3c3c3c; background: -moz-linear-gradient(top, #606060, #3c3c3c); background: -ms-linear-gradient(top, #606060, #3c3c3c); background: -o-linear-gradient(top, #606060, #3c3c3c); background: -webkit-linear-gradient(top, #606060, #3c3c3c); background: linear-gradient(top, #606060, #3c3c3c); } .persona-button.dark:hover{ background: #2d2d2d; background: -moz-linear-gradient(top, #484848, #2d2d2d); background: -ms-linear-gradient(top, #484848, #2d2d2d); background: -o-linear-gradient(top, #484848, #2d2d2d); background: -webkit-linear-gradient(top, #484848, #2d2d2d); background: linear-gradient(top, #484848, #2d2d2d); } .persona-button.dark span:before{ /* Icon BG */ background: #d34f2d; background: -moz-linear-gradient(top, #ebac45, #d34f2d); background: -ms-linear-gradient(top, #ebac45, #d34f2d); background: -o-linear-gradient(top, #ebac45, #d34f2d); background: -webkit-linear-gradient(top, #ebac45, #d34f2d); background: linear-gradient(top, #ebac45, #d34f2d); } .persona-button.dark:before{ /* Triangle */ background: #d34f2d; background: -moz-linear-gradient(-45deg, #ebac45, #d34f2d); background: -ms-linear-gradient(-45deg, #ebac45, #d34f2d); background: -o-linear-gradient(-45deg, #ebac45, #d34f2d); background: -webkit-linear-gradient(-45deg, #ebac45, #d34f2d); background: linear-gradient(-45deg, #d34f2d, #ebac45); /* flipped for updated spec */ } /* ======================================================== * Orange button * ===================================================== */ .persona-button.orange{ background: #ee731a; background: -moz-linear-gradient(top, #ee731a, #d03116); background: -ms-linear-gradient(top, #ee731a, #d03116); background: -o-linear-gradient(top, #ee731a, #d03116); background: -webkit-linear-gradient(top, #ee731a, #d03116); background: linear-gradient(top, #ee731a, #d03116); } .persona-button.orange:hover{ background: #cb6216; background: -moz-linear-gradient(top, #cb6216, #b12a13); background: -ms-linear-gradient(top, #cb6216, #b12a13); background: -o-linear-gradient(top, #cb6216, #b12a13); background: -webkit-linear-gradient(top, #cb6216, #b12a13); background: linear-gradient(top, #cb6216, #b12a13); } .persona-button.orange span:before{ /* Icon BG */ background: #e84a21; background: -moz-linear-gradient(top, #f7ad27, #e84a21); background: -ms-linear-gradient(top, #f7ad27, #e84a21); background: -o-linear-gradient(top, #f7ad27, #e84a21); background: -webkit-linear-gradient(top, #f7ad27, #e84a21); background: linear-gradient(top, #f7ad27, #e84a21); } .persona-button.orange:before{ /* Triangle */ background: #e84a21; background: -moz-linear-gradient(-45deg, #f7ad27, #e84a21); background: -ms-linear-gradient(-45deg, #f7ad27, #e84a21); background: -o-linear-gradient(-45deg, #f7ad27, #e84a21); background: -webkit-linear-gradient(-45deg, #f7ad27, #e84a21); background: linear-gradient(-45deg, #e84a21, #f7ad27); /* flipped for updated spec */ } .preview_warn { border: 1px solid red; padding: .2em; } main { margin: 0; max-width: none; } main > * { max-width: 70rem; margin-left: auto; margin-right: auto; } section { padding: 2.5em 1ch; } #syslead { background-color: rgb(56, 56, 56); background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/?d=g&p=23546&f.m=lg1024"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; max-width: none; } #syslead > div { max-width: 70rem; margin-left: auto; margin-right: auto; } #syslead, #syscontact, #syshistory { text-align: center; } #sysslogan { font-size: 2em; font-style: italic; color: #e17a00; } #systeaser { font-size: 1.2em; } #syskeywords { max-width: none; } #syskeywords > div { max-width: 70rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; font-size: 1.2em; } #syskeywords p { flex-shrink: 1; text-align: center; flex-basis: 34%; margin-top: 3em; } .historycontainer { display: flex; flex-direction: row; } .historyitem { padding: 0 .5em; text-align: left; } #sysgallery { } #sysgallery > ul { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2vb; row-gap: 2vb; padding: 0; } #sysgallery > ul > li { display: block; background-color: #404040; padding: 50% 0; background-position: center; background-size: cover; } #syslocation { max-width: none; } #syslocation > div { max-width: 70rem; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; } #directionscontainer { flex-shrink: 1; flex-basis: 50%; } #directionscontainer h3 { font-size: 1.2em; } #mapcontainer { flex-shrink: 1; flex-basis: 50%; padding: 1.2em 0 0 1ch; text-align: center; } .pgblock h2, .pgblock h3, .pgblock em, .pgblock strong { color: #ffffff; } @media screen and not (max-width: 550px) { #syskeywords p { display: flex; flex-direction: column; } } @media screen and (max-width: 550px) { #syskeywords > div { flex-direction: column; } #syskeywords p { flex-basis: 2em; } #syskeywords p span + span { margin-inline-start: 1ch; } .historycontainer { flex-direction: column; } .historyitem { padding: 0; } #syslocation > div { flex-direction: column; } #mapcontainer { padding: 0; } #sysgallery > ul { grid-template-columns: repeat(2, 1fr); } } #gimg1 { background-image: url('/?d=g&p=23549&f.m=normal'); } #gimg2 { background-image: url('/?d=g&p=23547&f.m=normal'); } #gimg3 { background-image: url('/?d=g&p=23543&f.m=normal'); } #gimg4 { background-image: url('/?d=g&p=23545&f.m=normal'); } #gimg5 { background-image: url('/?d=g&p=23544&f.m=normal'); } #gimg6 { background-image: url('/?d=g&p=23541&f.m=normal'); } #gimg7 { background-image: url('/?d=g&p=23548&f.m=normal'); } #gimg8 { background-image: url('/?d=g&p=23540&f.m=normal'); } </style> <script type="text/javascript">window.addEventListener('load', function mobileNavOnLoad(event) { window.removeEventListener('load', mobileNavOnLoad, false); if (document.getElementById('navbutton')) { document.getElementById('navbutton').addEventListener('click', toggleNav, false); } }, false); function toggleNav(event) { const nav = document.getElementById('nav'); const user = document.getElementById('user'); if (nav.classList.contains('mobilehidden')) { event.target.setAttribute('aria-expanded', 'true'); nav.classList.remove('mobilehidden'); if (user) { user.classList.remove('mobilehidden'); } } else { event.target.setAttribute('aria-expanded', 'false'); nav.classList.add('mobilehidden'); if (user) { user.classList.add('mobilehidden'); } } } </script> </head> <body> <header> <nav id="nav" class="mobilehidden"> <ul id="navglobal" class="navmenu"><li class="lvl0 current"><a href="./" title='Hauptseite des "Sing Your Song"'>Home</a></li><li class="lvl0"><a href="songs" title="Karaoke-Songlisten">Songliste</a></li><li class="lvl0"><a href="#syscontact" title='Plätze im "Sing Your Song" reservieren'>Reservierung</a></li></ul> </nav> <div id="navbuttoncontainer" class="mobile"> <button id="navbutton" aria-haspopup="true" aria-controls="nav" aria-expanded="false"></button> </div> <a href="#" id="logolink" class="logolink"><img src="/syslogo_neu_transp_klein.png" alt="Sing Your Song" id="logo" class="logo"></a> <div class="socialbuttons nonmobile"> <a href="https://www.facebook.com/profile.php?id=100051863936996" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" d="M20,0H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4C24,1.8,22.2,0,20,0z M17.1,6.4h-2.4c-0.6,0-1,0.5-1,1 c0,0,0,0,0,0v2.4h3.4v3.4h-3.4V21h-3.4v-7.9H7V9.8h3.4V8.3c0-1.4,0.4-2.8,1.3-4C12.4,3.5,13.6,3,14.8,3h2.4V6.4z"></path> </svg></a> <a href="https://www.instagram.com/singyoursongkaraoke" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <g fill="#e17a00" class="social-media-icon"> <path d="M12,9c-1.7,0-3,1.3-3,3s1.3,3,3,3c1.7,0,3-1.3,3-3C15,10.3,13.6,9,12,9z"></path> <path d="M20,0H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4C24,1.8,22.2,0,20,0z M20.9,15.7c0,0.7-0.2,1.5-0.4,2.2 c-0.5,1.2-1.4,2.2-2.6,2.6c-0.7,0.3-1.4,0.4-2.2,0.4c-1,0-1.3,0.1-3.7,0.1s-2.8,0-3.7-0.1c-0.7,0-1.5-0.2-2.2-0.4 c-1.2-0.5-2.2-1.4-2.6-2.6c-0.3-0.7-0.4-1.4-0.4-2.2C3,14.8,3,14.4,3,12s0-2.8,0.1-3.7c0-0.7,0.2-1.5,0.4-2.2 c0.5-1.2,1.4-2.2,2.6-2.6c0.7-0.3,1.4-0.4,2.2-0.4C9.2,3,9.6,3,12,3s2.8,0,3.7,0.1c0.7,0,1.5,0.2,2.2,0.4c1.2,0.5,2.2,1.4,2.6,2.6 c0.3,0.7,0.4,1.4,0.4,2.2c0,1,0.1,1.3,0.1,3.7S21,14.8,20.9,15.7z"></path> <path d="M19.3,8.4c0-0.6-0.1-1.1-0.3-1.7c-0.1-0.4-0.4-0.7-0.7-1c-0.3-0.3-0.6-0.5-1-0.7c-0.5-0.2-1.1-0.3-1.7-0.3 c-0.9,0-1.2-0.1-3.6-0.1c-2.4,0-2.7,0-3.6,0.1C7.8,4.7,7.2,4.8,6.7,5c-0.4,0.1-0.7,0.4-1,0.7C5.4,5.9,5.1,6.3,5,6.7 C4.8,7.2,4.7,7.8,4.7,8.4c0,0.9-0.1,1.2-0.1,3.6c0,2.4,0,2.7,0.1,3.6c0,0.6,0.1,1.1,0.3,1.7c0.1,0.4,0.4,0.7,0.7,1 c0.3,0.3,0.6,0.5,1,0.7c0.5,0.2,1.1,0.3,1.7,0.3c0.9,0,1.2,0.1,3.6,0.1c2.4,0,2.7,0,3.6-0.1c0.6,0,1.1-0.1,1.7-0.3 c0.4-0.1,0.7-0.4,1-0.7c0.3-0.3,0.5-0.6,0.7-1c0.2-0.5,0.3-1.1,0.3-1.7l0,0c0-0.9,0.1-1.2,0.1-3.6C19.4,9.6,19.4,9.3,19.3,8.4z M12,16.6c-2.6,0-4.6-2.1-4.6-4.6S9.4,7.4,12,7.4c2.6,0,4.6,2.1,4.6,4.6C16.6,14.6,14.5,16.6,12,16.6z M16.8,8.3 c-0.6,0-1.1-0.5-1.1-1.1c0-0.6,0.5-1.1,1.1-1.1c0.6,0,1.1,0.5,1.1,1.1C17.9,7.8,17.4,8.3,16.8,8.3z"> </path> </g> </svg></a> <a href="mailto:sys1@outlook.com" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" data-name="email" d="M20,24H4c-2.2,0-4-1.8-4-4V4c0-2.2,1.8-4,4-4h16c2.2,0,4,1.8,4,4v16C24,22.2,22.2,24,20,24z M4,3 C2.8,3.1,1.9,4.1,2,5.3l0,13.5c-0.1,1.2,0.8,2.2,2,2.3h16c1.2-0.1,2.1-1.1,2-2.3V5.3c0.1-1.2-0.8-2.2-2-2.3H4z M12,13.1L12,13.1 L4,7.5V5.3l8,5.6l8-5.6v2.3L12,13.1L12,13.1z"></path> </svg></a> <a href="tel:+4315853233" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" data-name="phone" d="M20,24H4c-2.2,0-4-1.8-4-4V4c0-2.2,1.8-4,4-4h16c2.2,0,4,1.8,4,4v16C24,22.2,22.2,24,20,24z M4,3 C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5c0-0.6-0.4-1-1-1c-1.2,0-2.4-0.2-3.6-0.6c-0.1,0-0.2-0.1-0.3-0.1 c-0.3,0-0.5,0.1-0.7,0.3l-2.2,2.2c-1.4-0.7-2.7-1.7-3.8-2.8c-1.1-1.1-2.1-2.4-2.8-3.8l2.2-2.2c0.3-0.3,0.4-0.7,0.3-1 C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4z"></path> </svg></a> </div> </header> <main role="main" id="mainContent" class="slanted"> <section id="syslead" class="slanted"> <div> <h1>Sing Your Song</h1> <p id="sysslogan">"Komm als Gast, geh' als Freund!"</p> <p id="systeaser">Bereit für eine unvergessliche Nacht voller Musik, Lachen und Spaß?<br> Willkommen im Sing Your Song, der ältesten und beliebtesten Karaoke-Bar im Herzen von Wien!</p> <p><a href="//#syslocation">Eingang: <strong>Eschenbachgasse 5</strong>, 1010 Wien</a></p> <h3>Öffnungszeiten:</h3> <p> Mo-Do 20:00-02:00 <br>Fr,Sa 20:00-04:00 </p> </div> </section> <section id="syskeywords" class="pgblock"> <div> <p><span>seit 1997</span><span>im Betrieb</span></p> <p><span>1</span><span>Bühne</span></p> <p><span>10.000+</span><span>Titel</span></p> </div> </section> <section id="syshistory"> <h2>Unsere Geschichte</h2> <div class="historycontainer"> <div class="historyitem"> <h3>Die Gründung</h3> <p>Im Jahr <strong>1997</strong> wurde im Herzen des ersten Bezirks von Wien <strong>Sing Your Song</strong> gegründet. Mit einem kleinen, aber treuen Kundenstamm begann die Bar, eine eigene <strong>Atmosphäre</strong> zu entwickeln. Gäste kamen immer wieder, um auf der Bühne zu stehen und sich auszudrücken.</p> </div> <div class="historyitem"> <h3>Die Entwicklung</h3> <p>Mit der Zeit wuchs die Bekanntheit des <strong> Sing Your Song</strong> und die Bar zog immer mehr Besucher an. Man investierte in <strong>moderne Technik</strong> und erweiterte ständig das Repertoire an Songs. Die Bar wurde zu einem beliebten Ziel für Jung und Alt, Einheimische und Touristen gleichermaßen.</p> </div> <div class="historyitem"> <h3>Die Tradition</h3> <p>Trotz der Veränderungen in der Wiener Nachtszene blieb das <strong>Sing Your Song </strong> eine feste Größe. Die Bar wurde zu einem Treffpunkt für Freunde und Familien, die gemeinsam singen, tanzen und feiern wollten. Die Stammgäste bildeten im Laufe der Jahre eine enge Gemeinschaft, die das <strong>Ambiente</strong> der Bar prägte.</p> </div> <div class="historyitem"> <h3>Die Anerkennung</h3> <p>Heute, nach mehr als 25 Jahren, ist das <strong>Sing Your Song</strong> eine Institution in Wien und gilt als die <strong>älteste Karaoke-Bar</strong> der Stadt. Die Bar ist sowohl bei Einheimischen als auch bei Touristen beliebt. Ihre Geschichte ist geprägt von unzähligen Nächten voller Musik und unvergesslicher Erinnerungen.</p> </div> </div> </section> <section id="sysgallery"> <h2>Galerie</h2> <ul> <li id="gimg1"> <li id="gimg2"> <li id="gimg3"> <li id="gimg4"> <li id="gimg5"> <li id="gimg6"> <li id="gimg7"> <li id="gimg8"> </ul> </section> <section id="syslocation" class="pgblock"> <div> <div id="directionscontainer"> <h2>Wegbeschreibung</h2> <p>Eingang: <strong>Eschenbachgasse 5, 1010 Wien</strong></p> <h3>Anfahrt mit den öffentlichen Verkehrsmitteln:</h3> <p><strong>U-Bahn:</strong> Die nächstgelegene U-Bahn-Station ist die U-Bahn-Station Volkstheater (U2, U3). Von dort aus sind es etwa 10 Gehminuten zur Eschenbachgasse 5.</p> <p><strong>Straßenbahn/Bus:</strong> Die Straßenbahnlinien 49 und 2 sowie verschiedene Buslinien halten in der Nähe der Eschenbachgasse. Steigen Sie an der Haltestelle Volkstheater aus und folgen Sie dann den Straßenschildern zur Eschenbachgasse.</p> <h3>Parkmöglichkeiten:</h3> <p>Es gibt begrenzte Parkmöglichkeiten entlang der Eschenbachgasse sowie in den umliegenden Straßen. Bitte beachten Sie jedoch die Parkregelungen und -gebühren in diesem Bereich.</p> </div> <div id="mapcontainer"> <a href="https://www.qwant.com/maps/place/osm:node:267244783@Sing_Your_Song_Karaoke#map=16.50/48.2026948/16.3642650" target="_blank"><img src="/?d=g&p=23550&f.m=orig" alt="Kartenausschnitt: Eschenbachgasse 5" style="max-width: 100%;"></a> <p><a href="https://www.qwant.com/maps/place/osm:node:267244783@Sing_Your_Song_Karaoke#map=16.50/48.2026948/16.3642650" target="_blank">Qwant Maps</a> | <a href="https://www.openstreetmap.org/node/267244783" target="_blank">OpenStreetMap</a> | <a href="www.google.com/maps/place/Sing%252BYour%252BSong/%254048.2026354%252C16.3636736%252C19z/data%253D%25214m6%25213m5%25211s0x476d079ae715e51b%253A0x3bbdd636746c9dc2%25218m2%25213d48.2026306%25214d16.3639996%252116s%25252Fg%25252F11bymskh62" target="_blank">Google Maps</a></p> </div> </div> </section> <section id="syscontact"> <h2>Kontakt</h2> <p><strong>"Sing Your Song"</strong> <br><em>Karaoke-Bar</em> <br><small>Inh. Judith Strobl</small></p> <p>1010 Wien, Elisabethstr. 13 <br>(Eingang: Eschenbachgasse 5)</p> <p>E-Mail: <a href="mailto:sys1@outlook.com">sys1@outlook.com</a></p> <h3>Reservierungen</h3> <p><em>Tel. <a href="tel:+4315853233">01 / 585 32 33</a></em> <br>(während der Öffnungszeiten) <br><small>außerhalb der Öffnungszeiten: <a href="tel:+436605155653">0660 / 5155653</a> (Deniz)</small> <br><em>Reservierungen bitte nur telefonisch!</em></p> <p class="socialbuttons"> <a href="https://www.facebook.com/profile.php?id=100051863936996" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" d="M20,0H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4C24,1.8,22.2,0,20,0z M17.1,6.4h-2.4c-0.6,0-1,0.5-1,1 c0,0,0,0,0,0v2.4h3.4v3.4h-3.4V21h-3.4v-7.9H7V9.8h3.4V8.3c0-1.4,0.4-2.8,1.3-4C12.4,3.5,13.6,3,14.8,3h2.4V6.4z"></path> </svg></a> <a href="https://www.instagram.com/singyoursongkaraoke" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <g fill="#e17a00" class="social-media-icon"> <path d="M12,9c-1.7,0-3,1.3-3,3s1.3,3,3,3c1.7,0,3-1.3,3-3C15,10.3,13.6,9,12,9z"></path> <path d="M20,0H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4C24,1.8,22.2,0,20,0z M20.9,15.7c0,0.7-0.2,1.5-0.4,2.2 c-0.5,1.2-1.4,2.2-2.6,2.6c-0.7,0.3-1.4,0.4-2.2,0.4c-1,0-1.3,0.1-3.7,0.1s-2.8,0-3.7-0.1c-0.7,0-1.5-0.2-2.2-0.4 c-1.2-0.5-2.2-1.4-2.6-2.6c-0.3-0.7-0.4-1.4-0.4-2.2C3,14.8,3,14.4,3,12s0-2.8,0.1-3.7c0-0.7,0.2-1.5,0.4-2.2 c0.5-1.2,1.4-2.2,2.6-2.6c0.7-0.3,1.4-0.4,2.2-0.4C9.2,3,9.6,3,12,3s2.8,0,3.7,0.1c0.7,0,1.5,0.2,2.2,0.4c1.2,0.5,2.2,1.4,2.6,2.6 c0.3,0.7,0.4,1.4,0.4,2.2c0,1,0.1,1.3,0.1,3.7S21,14.8,20.9,15.7z"></path> <path d="M19.3,8.4c0-0.6-0.1-1.1-0.3-1.7c-0.1-0.4-0.4-0.7-0.7-1c-0.3-0.3-0.6-0.5-1-0.7c-0.5-0.2-1.1-0.3-1.7-0.3 c-0.9,0-1.2-0.1-3.6-0.1c-2.4,0-2.7,0-3.6,0.1C7.8,4.7,7.2,4.8,6.7,5c-0.4,0.1-0.7,0.4-1,0.7C5.4,5.9,5.1,6.3,5,6.7 C4.8,7.2,4.7,7.8,4.7,8.4c0,0.9-0.1,1.2-0.1,3.6c0,2.4,0,2.7,0.1,3.6c0,0.6,0.1,1.1,0.3,1.7c0.1,0.4,0.4,0.7,0.7,1 c0.3,0.3,0.6,0.5,1,0.7c0.5,0.2,1.1,0.3,1.7,0.3c0.9,0,1.2,0.1,3.6,0.1c2.4,0,2.7,0,3.6-0.1c0.6,0,1.1-0.1,1.7-0.3 c0.4-0.1,0.7-0.4,1-0.7c0.3-0.3,0.5-0.6,0.7-1c0.2-0.5,0.3-1.1,0.3-1.7l0,0c0-0.9,0.1-1.2,0.1-3.6C19.4,9.6,19.4,9.3,19.3,8.4z M12,16.6c-2.6,0-4.6-2.1-4.6-4.6S9.4,7.4,12,7.4c2.6,0,4.6,2.1,4.6,4.6C16.6,14.6,14.5,16.6,12,16.6z M16.8,8.3 c-0.6,0-1.1-0.5-1.1-1.1c0-0.6,0.5-1.1,1.1-1.1c0.6,0,1.1,0.5,1.1,1.1C17.9,7.8,17.4,8.3,16.8,8.3z"> </path> </g> </svg></a> <a href="mailto:sys1@outlook.com" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" data-name="email" d="M20,24H4c-2.2,0-4-1.8-4-4V4c0-2.2,1.8-4,4-4h16c2.2,0,4,1.8,4,4v16C24,22.2,22.2,24,20,24z M4,3 C2.8,3.1,1.9,4.1,2,5.3l0,13.5c-0.1,1.2,0.8,2.2,2,2.3h16c1.2-0.1,2.1-1.1,2-2.3V5.3c0.1-1.2-0.8-2.2-2-2.3H4z M12,13.1L12,13.1 L4,7.5V5.3l8,5.6l8-5.6v2.3L12,13.1L12,13.1z"></path> </svg></a> <a href="tel:+4315853233" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path class="social-media-icon" fill="#e17a00" data-name="phone" d="M20,24H4c-2.2,0-4-1.8-4-4V4c0-2.2,1.8-4,4-4h16c2.2,0,4,1.8,4,4v16C24,22.2,22.2,24,20,24z M4,3 C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5c0-0.6-0.4-1-1-1c-1.2,0-2.4-0.2-3.6-0.6c-0.1,0-0.2-0.1-0.3-0.1 c-0.3,0-0.5,0.1-0.7,0.3l-2.2,2.2c-1.4-0.7-2.7-1.7-3.8-2.8c-1.1-1.1-2.1-2.4-2.8-3.8l2.2-2.2c0.3-0.3,0.4-0.7,0.3-1 C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4z"></path> </svg></a> </p> </section> </main> <footer id="footer"> <div> Copyright © 2005-2025 <a href="http://www.kairo.at/">KaiRo.at</a>. <br>powered by <a href="http://www.cbsm.at/">CBSM</a>. </div> </footer> </body> </html>