update

src/css/style.css

@@ -1,4 +1,5 @@
 @charset "utf-8";
+
 /*
 *
 *	2nd-CSS-Reset
@@ -13,63 +14,115 @@
 }
 
 
-#head{
+#head {
     clip-path: circle(90% at 25% 160%);
 }
-#head>img{
+
+#head>img {
     height: 150px;
 }
 
-* { padding:0; margin:0}
+* {
-*:focus { outline:none }
+    padding: 0;
+    margin: 0
+}
 
-html, body { height:100%; width:100%;overflow:hidden;}
+*:focus {
-p,ul,ol { margin-bottom:12px;}
+    outline: none
+}
+
+html,
+body {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+
+p,
+ul,
+ol {
+    margin-bottom: 12px;
+}
+
+ul {
+    padding-left: 23px;
+}
 
-ul {padding-left:23px;}
 ul li {}
 
-ul.navi { margin:0; padding:0}
+ul.navi {
-ul.navi li { float:left; list-style:none;}
+    margin: 0;
-
+    padding: 0
-ol { padding-left:23px;}
-ol li{}
-
-a,button, img  {
- -webkit-transition: color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out;
- -o-transition:  color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out;
- -moz-transition:  color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out;
- transition: color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out;
 }
-a {color:#fff;text-decoration:underline;}
+
+ul.navi li {
+    float: left;
+    list-style: none;
+}
+
+ol {
+    padding-left: 23px;
+}
+
+ol li {}
+
+a,
+button,
+img {
+    -webkit-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
+    -o-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
+    -moz-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
+    transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
+}
+
+a {
+    color: #fff;
+    text-decoration: underline;
+}
+
 a:hover {}
-a img {border:0;}
+
-a:hover, button:hover {}
+a img {
+    border: 0;
+}
+
+a:hover,
+button:hover {}
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
+
 .clear {
-	clear:both;
+    clear: both;
-    height:0;
+    height: 0;
     font-size: 1px;
     line-height: 0px;
 }
 
-body {overflow:hidden;font-family:'Galatia',Georgia,'Times New Roman',Arial;color:#fff;font-size:17px;}
+body {
+    overflow: hidden;
+    font-family: 'Galatia', Georgia, 'Times New Roman', Arial;
+    color: #fff;
+    font-size: 17px;
+}
 
 body#page_start {}
+
 body#page_restaurant {}
-body#page_gallery {background:#333}
+
+body#page_gallery {
+    background: #333
+}
 
 @font-face {
     font-family: 'Bentham';
     src: url('../font/bentham-webfont.eot');
     src: url('../font/bentham-webfont.eot%3F') format('embedded-opentype'),
-         url('../font/bentham-webfont.woff') format('woff'),
+        url('../font/bentham-webfont.woff') format('woff'),
-         url('../font/bentham-webfont.ttf') format('truetype'),
+        url('../font/bentham-webfont.ttf') format('truetype'),
-         url('../font/bentham-webfont.svg') format('svg');
+        url('../font/bentham-webfont.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -79,84 +132,344 @@ body#page_gallery {background:#333}
     font-family: 'Galatia';
     src: url('../font/galsilr-webfont.eot');
     src: url('../font/galsilr-webfont.eot%3F') format('embedded-opentype'),
-         url('../font/galsilr-webfont.woff') format('woff'),
+        url('../font/galsilr-webfont.woff') format('woff'),
-         url('../font/galsilr-webfont.ttf') format('truetype'),
+        url('../font/galsilr-webfont.ttf') format('truetype'),
-         url('../font/galsilr-webfont.svg') format('svg');
+        url('../font/galsilr-webfont.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
-div#overlay {background:url(../gfx/bg_overlay.png) center;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;}
+div#overlay {
-
+    background: url(../gfx/bg_overlay.png) center;
-ul#nav {width:242px;height:691px;position:absolute;top:50%;left:-230px;;margin-top:-533px;background:url(../gfx/bg_nav.png) no-repeat top left;z-index:2;padding:339px 0 0 410px;list-style-type:none;}
+    width: 100%;
-#page_gallery ul#nav {width:223px;height:446px;position:absolute;top:50%;left:0px;;margin-top:-330px;background:url(../gfx/bg_nav_gallery.png) no-repeat top left;padding:215px 0 0 30px;list-style-type:none;}
+    height: 100%;
-
+    position: absolute;
-ul#nav li {margin-bottom:20px;}
+    z-index: 1;
-ul#nav li a {background:url(../gfx/bg_nav_li.png) no-repeat top left;display:block;width:80px;height:80px;}
+    top: 0;
-
+    left: 0;
-ul#nav li#home a {background-position:0 0;}
+}
-ul#nav li#home a:hover {background-position:-80px 0;}
+
-ul#nav li#restaurant a {background-position:0 -80px;}
+ul#nav {
-ul#nav li#restaurant a:hover {background-position:-80px -80px;}
+    width: 242px;
-ul#nav li#gallery a {background-position:0 -160px;}
+    height: 691px;
-ul#nav li#gallery a:hover {background-position:-80px -160px;}
+    position: absolute;
-
+    top: 50%;
-div#content_wrap {width:647px;height:997px;position:absolute;top:50%;left:422px;margin-top:-500px;background:url(../gfx/bg_content.png) no-repeat top left;z-index:3;overflow:hidden;}
+    left: -230px;
-div#content {width:647px;height:782px;padding:215px 0 0 0;position:relative;}
+    ;
-#page_restaurant div#content {width:647px;height:870px;padding:127px 0 0 0;position:relative;}
+    margin-top: -533px;
-#page_restaurant div#content #head {margin-top:30px;}
+    background: url(../gfx/bg_nav.png) no-repeat top left;
-
+    z-index: 2;
-div#content ul#sidebar {list-style-type:none;float:right;width:150px;padding:0;font-size:19px;margin:0 45px 0 0;}
+    padding: 339px 0 0 410px;
-div#content ul#sidebar li {background:url(../gfx/bg_sidebar_dot.png) no-repeat left -296px;padding:0 0 25px 20px}
+    list-style-type: none;
-div#content ul#sidebar li a {color:#fff;text-decoration:none;}
+}
-div#content ul#sidebar li a:hover {color:#fff}
+
-div#content ul#sidebar li.first {background-position:left 6px;}
+#page_gallery ul#nav {
-div#content ul#sidebar li.last {background-position:left -658px;}
+    width: 223px;
-div#content ul#sidebar li:hover {background-position:left -477px;}
+    height: 446px;
-div#content ul#sidebar li.first:hover {background-position:left -115px;}
+    position: absolute;
-div#content ul#sidebar li.last:hover {background-position:left -779px;}
+    top: 50%;
-div#content ul#sidebar li.active {cursor:pointer;background-position:left -477px;}
+    left: 0px;
-div#content ul#sidebar li.first.active {background-position:left -115px;}
+    ;
-div#content ul#sidebar li.last.active {background-position:left -779px;}
+    margin-top: -330px;
-
+    background: url(../gfx/bg_nav_gallery.png) no-repeat top left;
-
+    padding: 215px 0 0 30px;
-div#content a#logo_1894 {display:block;width:245px;height:150px;background:url(../gfx/logo_1894.png) no-repeat top left;}
+    list-style-type: none;
-#page_restaurant div#content a#logo_1894 {width:161px;height:99px;background:url(../gfx/logo_1894_small.png) no-repeat top left;}
+}
-
+
-div#content a#logo_theater {display:block;width:166px;height:70px;background:url(../gfx/logo_theater_erfurt.png) no-repeat top left;position:absolute;bottom:52px;left:82px;}
+ul#nav li {
-div#content h1 {font-family:'Bentham',Georgia,'Times New Roman',Arial;color:#fff;font-size:72px;font-weight:lighter;letter-spacing:1px;border-top:1px solid #fff;width:558px;margin:20px 0 0 -4px;padding:20px 0 0 0;}
+    margin-bottom: 20px;
-
+}
-#page_restaurant div#content h1 {border:none;}
+
-
+ul#nav li a {
-div#content div#maincontent {width:440px;line-height:130%;height:325px;overflow:auto;}
+    background: url(../gfx/bg_nav_li.png) no-repeat top left;
-div#content div#maincontent.jspScrollable {width:470px;position:relative;left:-30px;}
+    display: block;
-div#content div#maincontent h2 {font-family:'Galatia',Georgia,'Times New Roman',Arial;color:#fff;font-size:24px;font-weight:lighter;letter-spacing:1px;margin-bottom:15px;}
+    width: 80px;
-
+    height: 80px;
-ul#service {list-style-type:none;position:absolute;bottom:30px;right:30px;z-index:4;}
+}
-ul#service li {float:right;}
+
-ul#service li a {font-size:17px;color:#fff;margin-left:20px;}
+ul#nav li#home a {
-ul#service li a:hover {text-decoration:underline}
+    background-position: 0 0;
-
+}
-div#gallery_scroll {width:120px;position:relative;overflow:hidden;z-index:5;float:right;margin:110px 50px 0 0;}
+
-ul#gallery_nav {width:120px;height:100000px;;list-style-type:none;padding:0;position:absolute;}
+ul#nav li#home a:hover {
-ul#gallery_nav li {margin-bottom:20px;}
+    background-position: -80px 0;
-ul#gallery_nav li a{display:block;width:100px;height:100px;background:url(../gfx/bg_gallery_thumb.png) no-repeat left -120px;padding:10px;}
+}
-ul#gallery_nav li a:hover, ul#gallery_nav li a.active {background-position:left 0;}
+
-
+ul#nav li#restaurant a {
-
+    background-position: 0 -80px;
-.gallery_wrap {width:100%;height:100%;position:absolute;z-index:0;top:0;background-size: cover !important;}
+}
-.gallery_wrap img {position:absolute;}
+
-
+ul#nav li#restaurant a:hover {
-#gallery_prev {width:69px;height:37px;background:url(../gfx/btn_gallery.png) no-repeat left top;position:absolute;top:55px;right:77px;z-index:1001;}
+    background-position: -80px -80px;
-#gallery_prev:hover {background-position: -69px top;cursor:pointer;}
+}
-#gallery_next {width:69px;height:37px;background:url(../gfx/btn_gallery.png) no-repeat left -37px;position:absolute;bottom:55px;right:77px;z-index:1001;}
+
-#gallery_next:hover {background-position: -69px -37px;cursor:pointer;}
+ul#nav li#gallery a {
-#gallery_scroll * {
+    background-position: 0 -160px;
-	-webkit-touch-callout: none;
+}
-	-webkit-user-select: none;
+
-	-khtml-user-select: none;
+ul#nav li#gallery a:hover {
-	-moz-user-select: none;
+    background-position: -80px -160px;
-	-ms-user-select: none;
+}
-	user-select: none;
+
+div#content_wrap {
+    width: 647px;
+    height: 997px;
+    position: absolute;
+    top: 50%;
+    left: 422px;
+    margin-top: -500px;
+    background: url(../gfx/bg_content.png) no-repeat top left;
+    z-index: 3;
+    overflow: hidden;
+}
+
+div#content {
+    width: 647px;
+    height: 782px;
+    padding: 215px 0 0 0;
+    position: relative;
+}
+
+#page_restaurant div#content {
+    width: 647px;
+    height: 870px;
+    padding: 127px 0 0 0;
+    position: relative;
+}
+
+#page_restaurant div#content #head {
+    margin-top: 30px;
+}
+
+div#content ul#sidebar {
+    list-style-type: none;
+    float: right;
+    width: 150px;
+    padding: 0;
+    font-size: 19px;
+    margin: 0 45px 0 0;
+}
+
+div#content ul#sidebar li {
+    background: url(../gfx/bg_sidebar_dot.png) no-repeat left -296px;
+    padding: 0 0 25px 20px
+}
+
+div#content ul#sidebar li a {
+    color: #fff;
+    text-decoration: none;
+}
+
+div#content ul#sidebar li a:hover {
+    color: #fff
+}
+
+div#content ul#sidebar li.first {
+    background-position: left 6px;
+}
+
+div#content ul#sidebar li.last {
+    background-position: left -658px;
+}
+
+div#content ul#sidebar li:hover {
+    background-position: left -477px;
+}
+
+div#content ul#sidebar li.first:hover {
+    background-position: left -115px;
+}
+
+div#content ul#sidebar li.last:hover {
+    background-position: left -779px;
+}
+
+div#content ul#sidebar li.active {
+    cursor: pointer;
+    background-position: left -477px;
+}
+
+div#content ul#sidebar li.first.active {
+    background-position: left -115px;
+}
+
+div#content ul#sidebar li.last.active {
+    background-position: left -779px;
+}
+
+
+div#content a#logo_1894 {
+    display: block;
+    width: 245px;
+    height: 150px;
+    background: url(../gfx/logo_1894.png) no-repeat top left;
+}
+
+#page_restaurant div#content a#logo_1894 {
+    width: 161px;
+    height: 99px;
+    background: url(../gfx/logo_1894_small.png) no-repeat top left;
+}
+
+div#content a#logo_theater {
+    display: block;
+    width: 166px;
+    height: 70px;
+    background: url(../gfx/logo_theater_erfurt.png) no-repeat top left;
+    position: absolute;
+    bottom: 52px;
+    left: 82px;
+}
+
+div#content h1 {
+    font-family: 'Bentham', Georgia, 'Times New Roman', Arial;
+    color: #fff;
+    font-size: 72px;
+    font-weight: lighter;
+    letter-spacing: 1px;
+    border-top: 1px solid #fff;
+    width: 558px;
+    margin: 20px 0 0 -4px;
+    padding: 20px 0 0 0;
+}
+
+#page_restaurant div#content h1 {
+    border: none;
+}
+
+div#content div#maincontent {
+    width: 440px;
+    line-height: 130%;
+    height: 325px;
+    overflow: auto;
+}
+
+div#content div#maincontent.jspScrollable {
+    width: 470px;
+    position: relative;
+    left: -30px;
+}
+
+div#content div#maincontent h2 {
+    font-family: 'Galatia', Georgia, 'Times New Roman', Arial;
+    color: #fff;
+    font-size: 24px;
+    font-weight: lighter;
+    letter-spacing: 1px;
+    margin-bottom: 15px;
+}
+
+ul#service {
+    list-style-type: none;
+    position: absolute;
+    bottom: 30px;
+    right: 30px;
+    z-index: 4;
+}
+
+ul#service li {
+    float: right;
+}
+
+ul#service li a {
+    font-size: 17px;
+    color: #fff;
+    margin-left: 20px;
+}
+
+ul#service li a:hover {
+    text-decoration: underline
+}
+
+div#gallery_scroll {
+    width: 120px;
+    position: relative;
+    overflow: hidden;
+    z-index: 5;
+    float: right;
+    margin: 110px 50px 0 0;
+}
+
+ul#gallery_nav {
+    width: 120px;
+    height: 100000px;
+    ;
+    list-style-type: none;
+    padding: 0;
+    position: absolute;
+}
+
+ul#gallery_nav li {
+    margin-bottom: 20px;
+}
+
+ul#gallery_nav li a {
+    display: block;
+    width: 100px;
+    height: 100px;
+    background: url(../gfx/bg_gallery_thumb.png) no-repeat left -120px;
+    padding: 10px;
+}
+
+ul#gallery_nav li a:hover,
+ul#gallery_nav li a.active {
+    background-position: left 0;
+}
+
+
+.gallery_wrap {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    background-size: cover !important;
+}
+
+.gallery_wrap img {
+    position: absolute;
+}
+
+#gallery_prev {
+    width: 69px;
+    height: 37px;
+    background: url(../gfx/btn_gallery.png) no-repeat left top;
+    position: absolute;
+    top: 55px;
+    right: 77px;
+    z-index: 1001;
+}
+
+#gallery_prev:hover {
+    background-position: -69px top;
+    cursor: pointer;
+}
+
+#gallery_next {
+    width: 69px;
+    height: 37px;
+    background: url(../gfx/btn_gallery.png) no-repeat left -37px;
+    position: absolute;
+    bottom: 55px;
+    right: 77px;
+    z-index: 1001;
+}
+
+#gallery_next:hover {
+    background-position: -69px -37px;
+    cursor: pointer;
+}
+
+#gallery_scroll * {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+h2 {
+    margin-top: 20px;
 }

src/gallery.html

@@ -2,35 +2,33 @@
 <html lang="de">
 
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Bildergalerie - 1894. GmbH - Das Restaurant im Theater</title>
+    <title>Bildergalerie - 1894.-GmbH Das Restaurant im Theater</title>
-	<meta name="author" content=" 1894 Das Restaurant im Theater Erfurt, Erfurt, Germany">
+    <meta name="author" content=" 1894 Das Restaurant im Theater Erfurt, Erfurt, Germany">
-	<meta name="copyright" content="1894 Das Restaurant im Theater Erfurt, Erfurt, Germany">
+    <meta name="copyright" content="1894 Das Restaurant im Theater Erfurt, Erfurt, Germany">
-	<meta name="description" Content="Impressionen aus Unserem Restaurant" lang="de">
+    <meta name="description" Content="Impressionen aus Unserem Restaurant" lang="de">
-	<meta name="keywords" content="Theater, Erfurt, Restaurant, 1894, Speisen, Getränke">
+    <meta name="keywords" content="Theater, Erfurt, Restaurant, 1894, Speisen, Getränke">
-	<meta name="language" Content="de">
+    <meta name="language" Content="de">
-	<link type="text/css" href="css/lightbox.min.css" rel="stylesheet" />
+    <link type="text/css" href="css/lightbox.min.css" rel="stylesheet" />
-	<link type="text/css" href="css/style.css" rel="stylesheet" />
+    <link type="text/css" href="css/style.css" rel="stylesheet" />
-	<link rel="stylesheet" href="css/gallery.css">
+    <link rel="stylesheet" href="css/gallery.css">
-	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
+    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
-	<script type="text/javascript" src="js/chrosey.slideshow.js"></script>
+    <script type="text/javascript" src="js/chrosey.slideshow.js"></script>
-	<script type="text/javascript" src="js/lightbox.min.js"></script>
+    <script type="text/javascript" src="js/lightbox.min.js"></script>
 </head>
 
 <body id="page_gallery">
-	<div id="prev"></div>
+    <div id="prev"></div>
-	<div id="scroll">
+    <div id="scroll">
-		<ul id="navi">
+        <ul id="navi"></ul>
-		</ul>
+    </div>
-	</div>
+    <div id="next"></div>
-	<div id="next"></div>
+    <ul id="nav">
-	<ul id="nav">
+        <li id="home"><a href="index.html" title="Startseite"></a></li>
-		<li id="home"><a href="index.html" title="Startseite"></a></li>
+        <li id="restaurant"><a href="restaurant.html" title="Restaurant"></a></li>
-		<li id="restaurant"><a href="restaurant.html" title="Restaurant"></a></li>
+        <li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
-		<li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
+    </ul>
-	</ul>
+    <div id="overlay"></div>
-
-	<div id="overlay"></div>
 </body>
 
 </html>

src/impressum.html

@@ -10,7 +10,7 @@
 		Content="Treten Sie mit Uns in Kontakt und sehen wer hinter dem Restaurant im Theater Erfurt steckt." lang="de">
 	<meta name="keywords" content="Theater, Erfurt, Restaurant, 1894, Speisen, Getränke">
 	<meta name="language" Content="de">
-	<title>Impressum - 1894. GmbH - Das Restaurant im Theater</title>
+	<title>Impressum - 1894.-GmbH Das Restaurant im Theater</title>
 	<link type="text/css" href="css/style.css" rel="stylesheet" />
 	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
 	<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
@@ -19,7 +19,7 @@
 		$(function () {
 			$("body").backstretch("img/backgrounds/bg_start.jpg");
 		});
-//]]>
+		//]]>
 	</script>
 </head>
 
@@ -30,22 +30,12 @@
 		<li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
 	</ul>
 	<div id="content_wrap">
-		<div id="content">
+		<div id="content"><a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a><a
-			<a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a>
+				href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
-			<a href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
 			<h1>Impressum</h1>
-			<div id="maincontent">
+			<div id="maincontent"> <strong>Verantwortlich</strong><br> 1894.-GmbH Das Restaurant im Theater
-				<strong>Verantwortlich</strong><br>
+				Erfurt.<br><br> <strong>Design und Umsetzung</strong><br> SECONDRED Newmedia GmbH<br>
-				1894. GmbH - Das Restaurant im Theater Erfurt.<br><br>
+				www.secondred.de<br><br> <strong>Fotos</strong><br> Daro</div>
-
-				<strong>Design und Umsetzung</strong><br>
-				SECONDRED Newmedia GmbH<br>
-				www.secondred.de<br><br>
-
-				<strong>Fotos</strong><br>
-				Lutz Edelhoff
-
-			</div>
 		</div>
 	</div>
 	<ul id="service">

src/index.html

@@ -31,19 +31,25 @@
         <li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
     </ul>
     <div id="content_wrap">
-        <div id="content">
+        <div id="content"><a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a><a
-            <a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a>
+                href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
-            <a href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
             <h1>Startseite</h1>
             <div id="maincontent">
-                1894. GmbH - Das Restaurant im Theater Erfurt. Gern empfangen wir Sie jeweils ab 2 Stunden vor den
+                <p>
-                Vorstellungen im Theater Erfurt. Lassen Sie sich von uns mit ausgewählten Speisen und Getränken
+                    1894.-GmbH Das Restaurant im Theater
-                kulinarisch verwöhnen und erleben Sie einen wunderbaren Opernabend in unserem Restaurant im Theater
+                </p>
-                Erfurt.
+                <p>
-                <br /><br />
+                    Wir stehen ohne Schnick Schnack und Gedöns für eine frische, nachhaltige Weltküche.
-                In unserem Restaurant auf zwei Etagen in gemütlichem Ambiente richten wir gern nach Vereinbarung Ihre
+                </p>
-                private oder geschäftliche Feier aus. Rufen Sie uns einfach an. Auch zu den Vorstellungszeiten würden
+                <p>
-                wir uns freuen, wenn Sie uns im Vorfeld für Ihre Reservierung / Vorbestellung ansprechen.
+                    Die großen Worte überlassen wir anderen. Kommen Sie und erleben Sie Handgemachtes und Liebe zum
+                    Detail.
+                </p>
+                <p>In unserem Restaurant auf zwei Etagen in gemütlicher Atmosphäre richten wir
+                    gern nach Vereinbarung Ihre private oder geschäftliche Feier aus. Rufen Sie uns einfach an. Auch zu
+                    den Vorstellungszeiten würden wir uns freuen, wenn Sie uns im Vorfeld für Ihre Reservierung /
+                    Vorbestellung ansprechen.
+                </p>
             </div>
         </div>
     </div>

src/js/chrosey.slideshow.js

@@ -25,145 +25,106 @@ $(function () {
 	}
 	// Anzuzeigende Bilder
 	let imagesToLoad = [{
-			path: "Restaurant06",
-			alt: "Eingang zu unserem Restaurant vom Theaterfoyer"
-		}, {
-			path: "Restaurant01",
-			alt: "Einrichtung unseres Restaurants mit einem goldverzierten Spiegel an der Wand"
-		},
-		{
 			path: "Speisen01",
 			alt: ""
 		},
 		{
-			path: "Speisen22",
+			path: "Speisen02",
 			alt: ""
 		},
 		{
-			path: "Speisen21",
+			path: "Speisen03",
 			alt: ""
 		},
 		{
-			path: "Speisen23",
+			path: "Speisen04",
 			alt: ""
 		},
 		{
-			path: "Speisen24",
+			path: "Speisen05",
 			alt: ""
 		},
 		{
-			path: "Speisen25",
+			path: "Restaurant01",
-			alt: ""
-		},
-		{
-			path: "Speisen26",
-			alt: ""
-		},
-		{
-			path: "Buffet01",
-			alt: ""
-		},
-		{
-			path: "Buffet02",
-			alt: ""
-		},
-		{
-			path: "Buffet04",
-			alt: ""
-		},
-		{
-			path: "Buffet06",
-			alt: ""
-		},
-		{
-			path: "Buffet07",
-			alt: ""
-		},
-		{
-			path: "Buffet11",
 			alt: ""
 		},
 		{
 			path: "Restaurant02",
-			alt: "Einrichtung unseres Restaurants mit einem Tisch im Mittelpunkt"
-		},
-		{
-			path: "Restaurant31",
 			alt: ""
 		},
 		{
-			path: "Restaurant34",
+			path: "Restaurant03",
+			alt: ""
+		},
+		{
+			path: "Restaurant04",
 			alt: ""
 		},
 		{
 			path: "Restaurant05",
-			alt: "Dekoration unseres Restaurants, im Hintergrund der Blick auf den Theatervorplatz"
+			alt: ""
 		},
 		{
-			path: "Restaurant11",
+			path: "Restaurant06",
-			alt: "Rückwand unserer Restaurant-Bar mit großer Auswahl an Spirituosen und verschiedenen Gläsern"
+			alt: ""
-		},
-		{
-			path: "Restaurant13",
-			alt: "Blick hinter die Bar mit Fokus auf einen unserer Kollegen"
-		},
-		{
-			path: "Restaurant14",
-			alt: "Eine dampfende Espressotasse mit Anrichtung",
-			title: "Wie wäre es mit einem Espresso?"
 		},
 		{
 			path: "Restaurant07",
-			alt: "Dekoration unseres Restaurants mit Blick in die Räumlichkeit im Hintergrund"
+			alt: ""
 		},
 		{
 			path: "Restaurant08",
-			alt: "Dekoration unseres Restaurants"
+			alt: "",
+			title: ""
 		},
 		{
-			path: "Restaurant48",
+			path: "Restaurant09",
-			alt: "Blick ins Restaurant von hinter dem Tresen während unsere Kollegin Sie in der Pause bedient"
+			alt: ""
+		},
+		{
+			path: "Restaurant10",
+			alt: ""
+		},
+		{
+			path: "Restaurant11",
+			alt: ""
+		},
+		{
+			path: "Restaurant12",
+			alt: ""
+		},
+		{
+			path: "Restaurant13",
+			alt: ""
+		},
+		{
+			path: "Restaurant14",
+			alt: ""
+		},
+		{
+			path: "Restaurant15",
+			alt: ""
+		},
+		{
+			path: "Restaurant16",
+			alt: ""
 		},
 		{
 			path: "Restaurant17",
-			alt: "Dekoration unseres Restaurants, Wein und Spirituosen in original Holzkisten "
+			alt: ""
+		},
+		{
+			path: "Restaurant18",
+			alt: ""
 		},
 		{
 			path: "Restaurant19",
-			alt: "Der Blick auf das Foyer aus unserer oberen Etage"
+			alt: ""
 		},
 		{
 			path: "Restaurant20",
 			alt: ""
 		},
-		{
-			path: "Restaurant23",
-			alt: ""
-		},
-		{
-			path: "Restaurant25",
-			alt: ""
-		},
-		{
-			path: "Restaurant40",
-			alt: ""
-		},
-		{
-			path: "Zubereitung01",
-			alt: "So geht es in der Küche zu"
-		},
-		{
-			path: "Zubereitung02",
-			alt: "So geht es in der Küche zu"
-		},
-		{
-			path: "Zubereitung03",
-			alt: "So geht es in der Küche zu"
-		},
-		{
-			path: "Zubereitung04",
-			alt: "So geht es in der Küche zu"
-		}
 	];
 	// Ende Anzuzeigende Bilder 
 

src/kontakt.html

@@ -9,7 +9,7 @@
     <meta name="description" Content="Nehmen Sie Kontakt auf zu 1894. Das Restaurant im Theater Erfurt." lang="de">
     <meta name="keywords" content="Theater, Erfurt, Restaurant, 1894, Speisen, Getränke">
     <meta name="language" Content="de">
-    <title>Kontakt - 1894. GmbH - Das Restaurant im Theater</title>
+    <title>Kontakt - 1894.-GmbH - Das Restaurant im Theater</title>
     <link type="text/css" href="css/style.css" rel="stylesheet" />
     <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
     <script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
@@ -18,7 +18,7 @@
         $(function () {
             $("body").backstretch("img/backgrounds/bg_start.jpg");
         });
-//]]>
+        //]]>
     </script>
 </head>
 
@@ -29,20 +29,13 @@
         <li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
     </ul>
     <div id="content_wrap">
-        <div id="content">
+        <div id="content"><a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a><a
-            <a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a>
+                href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
-            <a href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
             <h1>Kontakt</h1>
-            <div id="maincontent">
+            <div id="maincontent"> <strong>1894.-GmbH Das Restaurant im Theater Erfurt.</strong><br /> Theaterplatz
-                <strong>1894. GmbH - Das Restaurant im Theater Erfurt.</strong><br />
+                1<br /> 99084 Erfurt<br /><br /> Telefon: 0361-2233318<br /> E-Mail: <a
-                Theaterplatz 1<br />
+                    href="mailto:kontakt@restaurant1894.de"
-                99084 Erfurt<br /><br />
+                    title="kontakt@restaurant1894.de">kontakt@restaurant1894.de</a><br /></div>
-
-                Telefon: 0361-2233318<br />
-                E-Mail: <a href="mailto:kontakt@restaurant1894.de"
-                    title="kontakt@restaurant1894.de">kontakt@restaurant1894.de</a><br />
-
-            </div>
         </div>
     </div>
     <ul id="service">

src/restaurant.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html
+<!DOCTYPE html
 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 
@@ -11,7 +11,7 @@
 		lang="de">
 	<meta name="keywords" content="Theater, Erfurt, Restaurant, 1894, Speisen, Getränke">
 	<meta name="language" Content="de">
-	<title>Restaurant - 1894. GmbH - Das Restaurant im Theater</title>
+	<title>Restaurant - 1894.-GmbH - Das Restaurant im Theater</title>
 	<link type="text/css" href="css/style.css" rel="stylesheet" />
 	<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" />
 	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
@@ -20,19 +20,19 @@
 	<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
 	<script type="text/javascript">
 		//<![CDATA[
-		window.onscroll = function () { window.scrollTo(0, 0); };
+		window.onscroll = function () {
+			window.scrollTo(0, 0);
+		};
 		$(function () {
-			$('.scroll-pane').jScrollPane(
+			$('.scroll-pane').jScrollPane({
-				{
+				verticalDragMinHeight: 11,
-					verticalDragMinHeight: 11,
+				verticalDragMaxHeight: 11,
-					verticalDragMaxHeight: 11,
+				horizontalDragMinWidth: 11,
-					horizontalDragMinWidth: 11,
+				horizontalDragMaxWidth: 11,
-					horizontalDragMaxWidth: 11,
+				hijackInternalLinks: true,
-					hijackInternalLinks: true,
+				animateScroll: true,
-					animateScroll: true,
+				animateEase: 'swing'
-					animateEase: 'swing'
+			});
-				}
-			);
 			$('#sidebar a').click(function () {
 				$('#sidebar li').removeClass('active');
 				$(this).parent().addClass('active');
@@ -40,7 +40,7 @@
 			$("body").backstretch("img/backgrounds/bg_restaurant.jpg");
 		});
 
-//]]>
+		//]]>
 	</script>
 </head>
 
@@ -51,9 +51,8 @@
 		<li id="gallery"><a href="gallery.html" title="Bildergalerie"></a></li>
 	</ul>
 	<div id="content_wrap">
-		<div id="content">
+		<div id="content"><a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a><a
-			<a href="index.html" title="1894 - Das Restaurant im Theater" id="logo_1894"></a>
+				href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
-			<a href="http://www.theater-erfurt.de" title="Theater Erfurt" id="logo_theater"></a>
 			<div id="head"><img src="img/header/head_restaurant.jpg" alt="Restaurant - 1894" /></div>
 			<h1>Restaurant</h1>
 			<ul id="sidebar">
@@ -67,31 +66,38 @@
 				<div id="maincontent_wrap">
 					<p id="para1">
 						<h2>Kontakt</h2>
-						<strong>1894. GmbH - Das Restaurant im Theater Erfurt.</strong><br />
+						<strong>1894.-GmbH Das Restaurant im Theater Erfurt</strong>
+						<br />
 						Theaterplatz 1<br />
 						99084 Erfurt<br /><br />
-
 						Telefon: 0361-2233318<br />
-						Fax: <br />
 						E-Mail: <a href="mailto:kontakt@restaurant1894.de"
-							title="kontakt@restaurant1894.de">kontakt@restaurant1894.de</a><br />
+							title="kontakt@restaurant1894.de">kontakt@restaurant1894.de</a> <br />
-					</p><br />
+						<a href="https://www.facebook.com/1894-GmbH-Das-Restaurant-im-Theater-108932130946757"
+							target="_blank" title="Besuchen Sie uns auf Facebook">
+							<img class="shareicon" src="images/facebook.png" alt="facebook-logo"></a>
+					</p>
 					<p id="para2">
 						<h2>Öffnungszeiten</h2>
-						Bei Veranstaltungen im großen Haus, 2 Stunden vor Vorstellungsbeginn bis 90 Minuten nach Ende
+						<p>
-						der Vorstellung. <br />
+							<strong>Business Lunch</strong>
-						Sonntags schließen wir nach der Pause, außer bei Vorbestellungen. Fragen Sie bitte am Abend
+							<br />
-						unser Servicepersonal im Restaurant.
+							Di - Fr: &nbsp; 12 - 14 Uhr
-					</p><br />
+						</p>
+						<p>
+							<strong>Restaurant & Terrasse</strong>
+							<br />
+							Mi - Sa: &nbsp; 17:30 - 23 Uhr <br />
+							<small>Küche bis 21:30 Uhr</small>
+						</p>
+					</p>
 					<p id="para3">
-						<h2>Menü</h2>
+						<h2>Menü</h2> Auszug unserer Speisekarte: <a href="pdf/Restaurantkarte1894.pdf"
-						Auszug unserer Speisekarte: <a href="pdf/Restaurantkarte1894.pdf" title="Unsere Speisekarte"
+							title="Unsere Speisekarte" target="_blank">PDF-Download</a>
-							target="_blank">PDF-Download</a>
+					</p>
-					</p><br />
 					<p id="para4">
-						<h2>Catering und Feiern</h2>
+						<h2>Catering und Feiern</h2> Neben Ihrer Familien- oder Geschäftsfeier in unserem Restaurant im
-						Neben Ihrer Familien- oder Geschäftsfeier in unserem Restaurant im Theater Erfurt richten wir
+						Theater Erfurt richten wir auch Veranstaltungen außer Haus aus.<br />
-						auch Veranstaltungen außer Haus von 20 bis 1.000 Personen aus. <br />
 						Mit unserem individuellen Catering wird Ihre Feier zu einem kulinarischen Highlight.
 					</p>
 				</div>