PageSourceSearch

https://restaurant-scharf.de/speisen/

html restaurant-scharf.de collected 2026-09-26 15:35:21 UTC 46,665 bytes, 1,125 lines download raw bytes

1<!doctype html>
2<html>
3<head>
4    <meta charset="utf-8">
5    <meta name="keywords" content="">
6    <meta name="description" content="">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
8	<link rel="canonical" href="https://www.restaurant-scharf.de/speisen/">
9	<meta name="robots" content="index, follow">
10    <link rel="shortcut icon" type="image/png" href="../favicon.png">
11    
12	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css?86">
13	<link rel="stylesheet" type="text/css" href="../style.css?7609">
14	<link rel="stylesheet" type="text/css" href="../css/animate.min.css?8389">
15	
16    <title>Speisenkarte</title>
17
18
19    
20<!-- Analytics -->
21 
22<!-- Analytics END -->
23    
24</head>
25<body data-clean-url="true">
26
27<!-- Preloader -->
28<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
29<!-- Preloader END -->
30
31
32<!-- Main container -->
33<div class="page-container">
34    
35<header>
36
37<!-- bloc-0 -->
38<div class="bloc bgc-2941 d-bloc" id="bloc-0">
39	<div class="container bloc-no-padding">
40		<div class="row">
41			<div class="col">
42				<nav class="navbar row navbar-expand-md navbar-dark" role="navigation">
43					<a class="navbar-brand bloc-link ltc-6728 logo-style" href="../"><picture><source type="image/webp" srcset="../img/image2vector-2.webp"><img src="../img/image2vector-2.png" alt="logo" class="mr-2" width="160" height="80"></picture>Restaurant Scharf</a>
44					<button id="nav-toggle" type="button" class="ml-auto ui-navbar-toggler navbar-toggler border-0 p-0" data-toggle="collapse" data-target=".navbar-49968" aria-expanded="false" aria-label="Toggle navigation">
45						<span class="navbar-toggler-icon"><svg height="32" viewBox="0 0 32 32" width="32"><path class="svg-menu-icon" d="m2 9h28m-28 7h28m-28 7h28"></path></svg></span>
46					</button>
47					<div class="collapse navbar-collapse navbar-49968">
48							<ul class="site-navigation nav navbar-nav ml-auto">
49								<li class="nav-item">
50									<a href="." class="nav-link a-btn bloc-link ltc-6728">Speisenkarte</a>
51								</li>
52								<li class="nav-item">
53									<a href="../catering/" class="a-btn bloc-link nav-link ltc-6728">Catering</a>
54								</li>
55								<li class="nav-item">
56									<a href="../contact/" class="nav-link  bloc-link ltc-6728">Kontakt</a>
57								</li>
58							</ul>
59						</div>
60				</nav>
61			</div>
62		</div>
63	</div>
64</div>
65<!-- bloc-0 END -->
66
67</header>
68<main>
69
70<!-- heading -->
71<div class="bloc b-parallax bloc-bg-texture texture-darken l-bloc" id="heading">
72	<div class="parallax bg-IMG-1227">
73	</div>
74	<div class="bloc-shape-divider bloc-divider-bottom">
75		<svg class="svg-divider bloc-heading-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
76	</div>
77	<div class="container bloc-xl-lg bloc-md bloc-md-sm bloc-lg-md">
78			<div class="row">
79				<div class="col text-md-left text-center">
80					<h1 class="text-center tc-6728 page-heading">
81						Speisenkarte
82					</h1>
83				</div>
84			</div>
85		</div>
86</div>
87<!-- heading END -->
88
89</main>
90<section>
91
92<!-- hot-beverages -->
93<div class="bloc l-bloc" id="hot-beverages">
94	<div class="bloc-shape-divider bloc-divider-bottom">
95		<svg class="svg-divider bloc-hot-beverages-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
96	</div>
97	<div class="container bloc-md bloc-lg-md">
98			<div class="row">
99				<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
100					<h2 class="mb-4 tc-7376 cap-heading text-center">
101						Vorspeisen
102					</h2>
103					<div class="divider-h mx-auto primary-divider">
104					</div>
105				</div>
106				<div class="col-12 col-lg-6 mb-4">
107					<div class="blocs-grid-container menu-grid">
108						<div class="text-lg-center text-md-center text-center">
109							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
110						</div>
111						<div>
112							<h4 class="tc-7376 cap-heading menu-item-title">
113								Cremesuppe
114							</h4>
115							<p class="menu-item-info">
116								Zuckerschoten | Spinat
117							</p>
118						</div>
119						<div>
120							<h4 class="tc-7376 menu-price">
121								€ 9,90
122							</h4>
123						</div>
124						<div class="text-lg-center text-md-center text-center">
125							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
126						</div>
127						<div>
128							<h4 class="tc-7376 cap-heading menu-item-title">
129								Französische Bouillabaisse<br>
130							</h4>
131							<p class="menu-item-info">
132								Lachs | Garnelen | Gemüse | Noilly Prat
133							</p>
134						</div>
135						<div>
136							<h4 class="tc-7376 menu-price">
137								€ 12,90
138							</h4>
139						</div>
140						<div class="text-lg-center text-md-center text-center">
141							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
142						</div>
143						<div>
144							<h4 class="tc-7376 cap-heading menu-item-title">
145								Rote-Beete-Carpaccio
146							</h4>
147							<p class="menu-item-info">
148								Zucchini | Kokosnuss
149							</p>
150						</div>
151						<div>
152							<h4 class="tc-7376 menu-price">
153								€ 11,90
154							</h4>
155						</div>
156					</div>
157				</div>
158				<div class="col-12 col-lg-6">
159					<div class="blocs-grid-container menu-grid">
160						<div class="text-lg-center text-center">
161							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
162						</div>
163						<div>
164							<h4 class="tc-7376 cap-heading menu-item-title">
165								Ofen-Schafskäse<br>
166							</h4>
167							<p class="menu-item-info">
168								Zwiebel | Peperoni | Kräuter
169							</p>
170						</div>
171						<div>
172							<h4 class="tc-7376 menu-price">
173								€ 12,90
174							</h4>
175						</div>
176						<div class="text-lg-center text-center">
177							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
178						</div>
179						<div>
180							<h4 class="tc-7376 cap-heading menu-item-title">
181								Panierter Camembert<br>
182							</h4>
183							<p class="menu-item-info">
184								Wildpreiselbeere
185							</p>
186						</div>
187						<div>
188							<h4 class="tc-7376 menu-price">
189								€ 12,90
190							</h4>
191						</div>
192						<div class="text-lg-center text-center">
193							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_1227.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_1227.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
194						</div>
195						<div>
196							<h4 class="tc-7376 cap-heading menu-item-title">
197								LINSENSALAT
198							</h4>
199							<p class="menu-item-info">
200								Gemüse | Vinaigrette | Hartkäsehobel | Rucola | Tomate
201							</p>
202						</div>
203						<div>
204							<h4 class="tc-7376 menu-price">
205								€ 12,90
206							</h4>
207						</div>
208					</div>
209				</div>
210			</div>
211		</div>
212</div>
213<!-- hot-beverages END -->
214
215</section>
216<section>
217
218<!-- cold-beverages -->
219<div class="bloc bgc-2941 d-bloc" id="cold-beverages">
220	<div class="bloc-shape-divider bloc-divider-bottom">
221		<svg class="svg-divider bloc-cold-beverages-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
222	</div>
223	<div class="container bloc-md bloc-lg-md">
224			<div class="row">
225				<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
226					<h2 class="mb-4 cap-heading text-center tc-6728">
227						Unsere Klassiker
228					</h2>
229					<div class="divider-h mx-auto primary-divider">
230					</div>
231				</div>
232				<div class="col-12 col-lg-6">
233					<div class="blocs-grid-container menu-grid">
234						<div class="text-lg-center text-center">
235							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
236						</div>
237						<div>
238							<h4 class="cap-heading menu-item-title tc-6728">
239								Rinderbäckchen
240							</h4>
241							<p class="menu-item-info tc-3409">
242								Demi Glace | Apfel-Preiselbeer-Rotkohl | Drillingskartoffeln
243							</p>
244						</div>
245						<div>
246							<h4 class="menu-price tc-3409">
247								€ 29,90
248							</h4>
249						</div>
250						<div class="text-lg-center text-center">
251							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
252						</div>
253						<div>
254							<h4 class="cap-heading menu-item-title tc-6728">
255								Penne
256							</h4>
257							<p class="menu-item-info tc-3409">
258								Gorgonzola | Blattspinat | Kirschtomaten | Rucola
259							</p>
260						</div>
261						<div>
262							<h4 class="menu-price tc-3409">
263								€ 18,90
264							</h4>
265						</div>
266					</div>
267				</div>
268				<div class="col-12 col-lg-6">
269					<div class="blocs-grid-container menu-grid">
270						<div class="text-lg-center text-center">
271							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
272						</div>
273						<div>
274							<h4 class="cap-heading menu-item-title tc-6728">
275								GRÜTZWURST
276							</h4>
277							<p class="menu-item-info tc-3409">
278								Apfelkompott | Sahnestampfkartoffeln
279							</p>
280						</div>
281						<div>
282							<h4 class="menu-price tc-3409">
283								€&nbsp;21,90
284							</h4>
285						</div>
286						<div class="text-lg-center text-center">
287							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
288						</div>
289						<div>
290							<h4 class="cap-heading menu-item-title tc-6728">
291								BACKFISCHFILETS VOM ZANDER
292							</h4>
293							<p class="menu-item-info tc-3409">
294								Gorgonzola | Blattspinat | Kirschtomaten | Rucola
295							</p>
296						</div>
297						<div>
298							<h4 class="menu-price tc-3409">
299								€ 27,90
300							</h4>
301						</div>
302					</div>
303				</div>
304				<div class="col-12 col-lg-6">
305					<div class="blocs-grid-container menu-grid">
306						<div class="text-lg-center text-center">
307							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
308						</div>
309						<div>
310							<h4 class="cap-heading menu-item-title tc-6728 float-sm-none">
311								WILDSCHWEIN-<br>BRATEN
312							</h4>
313							<p class="menu-item-info tc-3409">
314								Waldpilzrahm | Apfel-Preiselbeer-Rotkohl | Mandelkroketten
315							</p>
316						</div>
317						<div>
318							<h4 class="menu-price tc-3409">
319								€ 32.90
320							</h4>
321						</div>
322						<div class="text-lg-center text-center">
323							<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/IMG_7653.webp"><img src="../img/lazyload-ph.png" data-src="../img/IMG_7653.JPG" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
324						</div>
325						<div>
326							<h4 class="cap-heading menu-item-title tc-6728 text-w-80">
327								HALBE ENTE OHNE KNOCHEN
328							</h4>
329							<p class="menu-item-info tc-3409">
330								Bratenrahmsauce | Apfel-Preiselbeer-Rotkohl | Kartoffelkloß
331							</p>
332						</div>
333						<div class="text-lg-right">
334							<div>
335								<h4 class="menu-price tc-3409 mb-lg-0">
336									€ 29,90<br>
337								</h4>
338								<label class="tc-6728 mb-sm-0 menu-price-klein">
339									1 Portion
340								</label>
341								<h4 class="menu-price tc-3409 mb-lg-0">
342									€ 54,90<br>
343								</h4>
344								<label class="tc-6728 mb-sm-0 menu-price-klein">
345									2 Portionen
346								</label>
347								<h4 class="tc-3409 menu-price mb-sm-0 mb-lg-0">
348									€104,90
349								</h4>
350								<label class="tc-6728 mb-sm-5 menu-price-klein pb-5">
351									4 Portionen
352								</label>
353							</div>
354						</div>
355					</div>
356				</div>
357			</div>
358		</div>
359</div>
360<!-- cold-beverages END -->
361
362</section>
363<section>
364
365<!-- bloc-15 -->
366<div class="bloc bgc-3409 l-bloc" id="bloc-15">
367	<div class="container bloc-md bloc-lg-md">
368		<div class="row">
369			<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
370				<h2 class="mb-4 cap-heading text-center tc-7376">
371					Dessert
372				</h2>
373				<h6 class="mb-4 tc-7376 text-lg-center">
374					auch zum gemeinsamen genießen …
375				</h6>
376				<div class="divider-h mx-auto primary-divider">
377				</div>
378			</div>
379			<div class="col-12 col-lg-6 mb-4">
380				<div class="blocs-grid-container menu-grid">
381					<div class="text-lg-center text-center">
382						<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/pasted-graphic.webp"><img src="../img/lazyload-ph.png" data-src="../img/pasted-graphic.jpg" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
383					</div>
384					<div>
385						<h4 class="cap-heading menu-item-title tc-6696">
386							Tagesdessert
387						</h4>
388						<p class="menu-item-info tc-7376">
389							täglich wechselnde Variation
390						</p>
391					</div>
392					<div>
393						<h4 class="menu-price tc-6696">
394							€ 8,90
395						</h4>
396					</div>
397				</div>
398			</div>
399			<div class="col-12 col-lg-6">
400				<div class="blocs-grid-container menu-grid">
401					<div class="text-lg-center text-center">
402						<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/pasted-graphic.webp"><img src="../img/lazyload-ph.png" data-src="../img/pasted-graphic.jpg" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="50" height="50"></picture>
403					</div>
404					<div>
405						<h4 class="cap-heading menu-item-title tc-6696">
406							Panna Cotta<br>
407						</h4>
408						<p class="menu-item-info tc-7376">
409							Demi Glace | Apfel-Preiselbeer-Rotkohl | DrillingRote Fruchtgrütze | Streuselskartoffeln
410						</p>
411					</div>
412					<div>
413						<h4 class="menu-price tc-6696">
414							€ 8,90
415						</h4>
416					</div>
417				</div>
418				<p class="mb-3 tc-7376">
419					Jede Umbestellung wird mit 3 Euro berechnet.
420				</p>
421			</div>
422		</div>
423	</div>
424</div>
425<!-- bloc-15 END -->
426
427</section>
428<!-- bloc-16 -->
429<div class="bloc l-bloc bg-center none" id="bloc-16">
430	<div class="bloc-shape-divider bloc-divider-flip-y bloc-divider-top">
431		<svg class="svg-divider bloc-17-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
432	</div>
433	<div class="container bloc-lg">
434			<div class="row">
435				<div class="col text-lg-center align-self-center">
436					<h4 class="mb-4 tc-2941 mx-auto d-block text-sm-center text-center">
437						<strong>Unser saisonales Genuss-Menü in 3 bis 5 Gängen</strong><br>
438					</h4>
439					<h6 class="mb-4 tc-7376 text-sm-center mx-auto d-block text-center">
440						Köstlichkeiten in verschiedenen Menüvarianten (gültig ab 25.05.2026)
441					</h6>
442					<p class="mb-3 text-lg-center mx-auto d-block text-sm-center tc-6696 text-center">
443						Aperitifempfehlung: „Lillet Lemon“ mit oder ohne Alkohol 8,9<br><br>Brot | Dip | Küchengruß <br><span class="sternchen">⚜ ⚜ ⚜</span> <br>Tomatenkaltschale | Schinkenwürfel | Pumpernickel 9,9<br><span class="sternchen">⚜ ⚜ ⚜</span> <br>Römersalat | Caesar Dressing | Tomate | Hartkäsehobel | Croûtons 10,9 auf Wunsch mit Kikokgeflügelsteak 7,90 <br><span class="sternchen">⚜ ⚜ ⚜</span> <br>Karamellisierter Ziegenkäse | Rote Beete | Orangen | Gurkenschnee 14,9 <br><span class="sternchen">⚜ ⚜ ⚜</span> <br>Landuro Schweinenacken | Rahmpfifferlinge | Lauch | Kartoffelstampf 29,9<br><i>alternativ</i><br>Fischfilet des Tages | Rahmpfifferlinge | Lauch | Kartoffelstampf 29,9<br><i>alternativ</i><br> Sellerie-Schnitzel | Rahmpfifferlinge | Lauch | Kartoffelstampf 23,9<br><br><span class="sternchen">⚜ ⚜ ⚜</span> <br>Tagesdessert 8,9<br><br>5 Gänge-Menü 59,9<br>4 Gänge-Menü ohne Pasta 49,9<br>3 Gänge-Menü mit Suppe, Hauptgang und Dessert 39,9<br><br><u>Begleitende Weine mit 0,1 ltr. inklusive einem Heißgetränk nach Wahl:<br></u>zzgl. 4 Glas Weinbegleitung & ein Heißgetränk € 21,9 <i>beim 5 Gänge-Menü</i><br>zzgl. 3 Glas Weinbegleitung & ein Heißgetränk € 16,9 <i>beim 4 Gänge-Menü</i><br>zzgl. 2 Glas Weinbegleitung & ein Heißgetränk € 12,9 <i>beim 3 Gänge-Menü</i><br><br><i>Jede Umbestellung wird mit 3 Euro berechnet.<br>Bei Unverträglichkeiten & Allergien sprechen Sie uns bitte an. Wir beraten Sie gerne</i><br>
444					</p>
445				</div>
446			</div>
447		</div>
448</div>
449<!-- bloc-16 END -->
450
451<!-- bloc-16 -->
452<div class="bloc l-bloc full-width-bloc" id="bloc-16">
453	<div class="container bloc-no-padding">
454		<div class="row no-gutters">
455			<div class="col-md-12 offset-lg--1 col-lg-6">
456				<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/1745E6A1-CEAD-4B7A-9F19-F9E576F2211B.webp"><img src="../img/lazyload-ph.png" data-src="../img/1745E6A1-CEAD-4B7A-9F19-F9E576F2211B.jpg" class="img-fluid mx-auto d-block lazyload" alt="1745E6A1 CEAD 4B7A 9F19 F9E576F2211B" width="1120" height="747"></picture>
457			</div>
458			<div class="align-self-center offset-md-1 col-md-10 col-sm-10 offset-sm-1 offset-1 col-10 offset-lg-1 col-lg-4">
459				<h2 class="mb-4 tc-2941 pt-3 mb-lg-3 text-center">
460					Candle Light Dinner
461				</h2>
462				<p class="mb-3 tc-6696">
463					Kerzen, gedimmtes Licht angenehme Musik im Hintergrund, ein tolles Essen und Ihr Partner Ihnen gegenüber. Was brauch man mehr für ein schönes Candle Light Dinner? Sich keine Sorgen machen zu müssen, ob auch nichts in der Küche anbrennt. Zeigen Sie ihre romantische Seite und verführen Sie ihre Begleitung in ein stimmungsvolles Ambiente mit einem zauberhaftem Abendessen.<br><br>Sei es das erste Date, der Jahres- oder Hochzeitstag, ein Geburtstag oder ein anderer Anlass. Ein Candle Light Dinner schafft eine innige Atmosphäre in der Sie Ihrer Liebsten oder Ihrem Liebsten ununterbrochen in die Augen schauen können.<br>Eine Reservierung ist erforderlich.<br>
464				</p>
465			</div>
466		</div>
467	</div>
468</div>
469<!-- bloc-16 END -->
470
471<!-- bloc-17 -->
472<div class="bloc l-bloc" id="bloc-17">
473	<div class="container bloc-lg mein-container-abstand">
474		<div class="row">
475			<div class="col-md-4">
476				<div class="card">
477					<div class="card-header">
478						<h3 class="mg-clear text-center tc-2941">
479							Deluxe- Menü
480						</h3>
481					</div>
482					<div class="card-body">
483						<ul class="list-unstyled">
484							<li>
485								<p class="text-center mb-3 tc-7376">
486									Exquisites 5- Gänge- Überraschungs- Menü
487								</p>
488							</li>
489							<li>
490								<p class="text-center mb-3 tc-7376">
491									Begrüßungsgetränk
492								</p>
493							</li>
494							<li>
495								<p class="text-center mb-3 tc-7376">
496									liebevoll dekorierter Tisch mit Kerzenschein und Rosen
497								</p>
498							</li>
499							<li>
500								<p class="text-center mb-3 tc-7376">
501									eine Flasche Wein sowie alle weiteren alkoholfreien Getränke
502								</p>
503								<p class="text-center mb-3 tc-7376">
504									inklusive Kaffee- und Teespezialitäten
505								</p>
506							</li>
507						</ul>
508					</div>
509					<div class="card-footer">
510						<a href="../contact/" class="btn btn-lg btn-block btn-c-2941">Preis für zwei Personen 175,00</a>
511					</div>
512				</div>
513			</div>
514			<div class="col-md-4 mt-3 mt-md-0">
515				<div class="card">
516					<div class="card-header">
517						<h3 class="mg-clear text-center tc-2941">
518							Gourmet- Menü
519						</h3>
520					</div>
521					<div class="card-body">
522						<ul class="list-unstyled">
523							<li>
524								<p class="text-center mb-3 tc-7376">
525									Exquisites 5- Gänge- Überraschungs- Menü
526								</p>
527							</li>
528							<li>
529								<p class="text-center mb-3 tc-7376">
530									Begrüßungsgetränk
531								</p>
532							</li>
533							<li>
534								<p class="text-center mb-3 tc-7376">
535									liebevoll dekorierter Tisch mit Kerzenschein und Rosen
536								</p>
537							</li>
538						</ul>
539					</div>
540					<div class="card-footer">
541						<a href="../contact/" class="btn btn-lg btn-block btn-c-2941">Preis für zwei Personen 115,00</a>
542					</div>
543				</div>
544			</div>
545			<div class="col-md-4 mt-3 mt-md-0">
546				<div class="card">
547					<div class="card-header">
548						<h3 class="mg-clear text-center tc-2941">
549							Dinner- Menü
550						</h3>
551					</div>
552					<div class="card-body">
553						<ul class="list-unstyled">
554							<li>
555								<p class="text-center mb-3 tc-7376">
556									Exquisites 4- Gänge- Überraschungs- Menü
557								</p>
558							</li>
559							<li>
560								<p class="text-center mb-3 tc-7376">
561									liebevoll dekorierter Tisch mit Kerzenschein und Rosen
562								</p>
563							</li>
564						</ul>
565					</div>
566					<div class="card-footer">
567						<a href="../contact/" class="btn btn-lg btn-block btn-c-2941">Preis für zwei Personen 85,00</a>
568					</div>
569				</div>
570			</div>
571		</div>
572	</div>
573</div>
574<!-- bloc-17 END -->
575
576<!-- ScrollToTop Button -->
577<button aria-label="Scroll to top button" class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></button>
578<!-- ScrollToTop Button END-->
579
580
581<!-- bloc-15 -->
582<div class="bloc bgc-3409 l-bloc" id="bloc-15">
583	<div class="bloc-shape-divider bloc-divider-flip-y bloc-divider-top bloc-divider-flip-x">
584		<svg class="svg-divider bloc-18-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
585	</div>
586	<div class="bloc-shape-divider bloc-divider-bottom">
587			<svg class="svg-divider bloc-43459-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
588		</div>
589	<div class="container bloc-md bloc-lg-lg">
590				<div class="row voffset">
591					<div class="col-12 col-11 text-lg-center mb-lg-3">
592						<h3 class="text-center mb-3 mt-sm-3 mt-4 cap-heading tc-2941 mb-lg-4">
593							Unsere Partner
594						</h3>
595						<div class="row">
596							<div class="col text-lg-center">
597								<div>
598									<div style="text-align: center; display: flex; justify-content: center;">
599  <link href="https://awards.infcdn.net/2024/r_gold.css" rel="stylesheet">
600  <div id="b-gold" class="rg-award-lang-en_US" onclick="if(event.target.nodeName.toLowerCase() != 'a') {window.open(this.querySelector('.b-gold_r-link').href);return 0;}"> 
601    <a href="https://restaurantguru.com/Scharf-Hamburg" class="b-gold_r-link" target="_blank">Restaurant Scharf</a> 
602    <p class="b-gold_center">Recommended</p> 
603    <a href="https://restaurantguru.com" class="b-gold__link" target="_blank">Restaurant Guru</a> 
604    <p class="b-gold_year">2026</p>
605  </div>
606</div>
607									
608								</div>
609							</div>
610							<div class="col">
611									<div>
612										<a href="https://www.schlemmer-atlas.de/restaurants/deutschland/hamburg/restaurant-scharf/"><img src="../img/lazyload-ph.png" data-src="https://www.schlemmer-atlas.de/restaurant/recommendation/boYMluISISA.png" border="0" height="90" width="150" alt="Schlemmer Atlas" class="lazyload"></a>
613										
614									</div>
615								</div>
616							<div class="col">
617										<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/Varta-Fuehrer-Logo_1024x1024px_sRGB.webp"><img src="../img/lazyload-ph.png" data-src="../img/Varta-Fuehrer-Logo_1024x1024px_sRGB.jpg" class="img-fluid mx-auto d-block img-bloc-15-style lazyload" alt="Varta Fuehrer Logo_1024x1024px_sRGB" width="120" height="120"></picture>
618									</div>
619						</div>
620					</div>
621					<div class="col-6 col-sm-3">
622								<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/DEHOGA-HH-Logo-RGB-M.webp"><img class="img-fluid img-46-style lazyload" src="../img/lazyload-ph.png" data-src="../img/DEHOGA-HH-Logo-RGB-M.png" alt="DEHOGA HH Logo RGB M" width="263" height="150"></picture>
623							</div>
624					<div class="col-6 col-sm-3">
625								<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/301971520_488171456650391_6971150139042898393_n.webp"><img class="img-fluid img-style lazyload" src="../img/lazyload-ph.png" data-src="../img/301971520_488171456650391_6971150139042898393_n.jpg" alt="301971520_488171456650391_6971150139042898393_n" width="150" height="150"></picture>
626							</div>
627					<div class="col">
628								<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/Logo_gusto_negativ-subline_kreis_NEU.webp"><img class="img-fluid img-36744-style mb-sm-4 mb-5 lazyload" src="../img/lazyload-ph.png" data-src="../img/Logo_gusto_negativ-subline_kreis_NEU.png" alt="Logo_gusto_negativ subline_kreis_NEU" width="150" height="150"></picture>
629							</div>
630					<div class="col-6 col-sm-3">
631								<picture><source type="image/webp" srcset="../img/lazyload-ph.png" data-srcset="../img/blocs-paste-8558E891-D32E-4DAC-99E6-4B3FD66C139A.webp"><img class="img-fluid mb-5 lazyload" src="../img/lazyload-ph.png" data-src="../img/blocs-paste-8558E891-D32E-4DAC-99E6-4B3FD66C139A.png" alt="blocs paste 8558E891 D32E 4DAC 99E6 4B3FD66C139A" width="174" height="150"></picture>
632							</div>
633				</div>
634			</div>
635</div>
636<!-- bloc-15 END -->
637
638<!-- bloc-27 -->
639<div class="bloc l-bloc" id="bloc-27">
640	<div class="bloc-shape-divider bloc-divider-flip-y bloc-divider-top bloc-divider-flip-x">
641		<svg class="svg-divider bloc-28-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
642	</div>
643	<div class="bloc-shape-divider bloc-divider-bottom">
644			<svg class="svg-divider bloc-48084-fill" fill-rule="evenodd" preserveAspectRatio="none" viewBox="0 0 1000 250"><path style="opacity:0.5" d="M1000,0V250H0v-1Z"></path><path d="M1000,60V250H0v-1Z"></path></svg>
645		</div>
646	<div class="container bloc-lg">
647				<div class="row">
648					<div class="col-md-6 text-center">
649						<blocsicon class="icon-size"><svg viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z"></path></svg></blocsicon>
650						<h2 class="mb-3 mt-2">
651								Öffnungszeiten
652							</h2>
653						<h3 class="mb-3">
654								Unsere Öffnungszeiten sind dienstags bis samstags von 17.00 bis 22.00 Uhr
655							</h3>
656						<p class="mb-3">
657								Änderung der Öffnungszeiten auf Grund von Veranstaltungen möglich. Außerhalb dieser Zeiten auch auf Anfrage.
658							</p>
659					</div>
660					<div class="col-md-6 text-center" data-custom-interaction-click="blocs-interaction-id-3812">
661							<a href="tel:+4940774422"><blocsicon class="icon-size"><svg width="16" height="16" class="bi bi-telephone-fill" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path></svg></blocsicon></a>
662							<h3 class="mt-2 mb-3">
663									Telefon
664								</h3>
665							<p class="mb-3">
666									Telefonischer Kontakt unter:
667								</p>
668							<h2 class="mb-4">
669									<a class="bloc-link" href="tel:+4940774422">040-774422</a>
670								</h2>
671						</div>
672				</div>
673			</div>
674</div>
675<!-- bloc-27 END -->
676
677<footer>
678
679<!-- footer -->
680<div class="bloc bgc-2941 d-bloc" id="footer">
681	<div class="container bloc-lg-lg bloc-md bloc-lg-md">
682		<div class="row">
683			<div class="col-md-3 offset-md-0 offset-lg-0 col-lg-3 offset-sm-0 col-sm-3 text-lg-left">
684				<a href="../" class="a-btn a-block footer-link ltc-6728 bloc-link">Home</a>
685			</div>
686			<div class="col-md-3 offset-md-0 offset-lg-0 col-lg-3 offset-sm-0 col-sm-3">
687				<a href="../datenschutz/" class="a-btn a-block footer-link ltc-6728 bloc-link">Datenschutz</a>
688			</div>
689			<div class="col-md-3 text-lg-left offset-md-0 offset-lg-0 col-lg-3 offset-sm-0 col-sm-3">
690				<a href="../agb/" class="a-btn a-block footer-link ltc-6728 bloc-link">AGB</a>
691			</div>
692			<div class="col-md-3 text-lg-center offset-md-0 offset-lg-0 col-lg-3 offset-sm-0 col-sm-3">
693				<a href="../contact/" class="a-btn a-block footer-link ltc-6728 bloc-link">Impressum</a>
694			</div>
695			<div class="col">
696				<div class="divider-h divider-background-color">
697				</div>
698			</div>
699			<div class="col-md-12 col-sm-12 text-lg-center col-lg-12 align-self-center text-center">
700				<p class="mx-auto d-block text-center">
701					© Copyright 2026| Restaurant Scharf| All Rights Reserved
702				</p>
703				<p class="mb-3 p-footer-style text-lg-center">
704					Folgen Sie uns auf:
705				</p><a href="https://www.facebook.com/restaurant.scharf"><blocsicon class="social-icon-size svg-icon-0-fill"><svg viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. -->
705<path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"></path></svg></blocsicon></a><a href="https://www.instagram.com/restaurant_scharf"><blocsicon class="social-icon-size svg-icon-footer-fill"><svg viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></blocsicon></a>
706			</div>
707		</div>
708	</div>
709</div>
710<!-- footer END -->
711
712</footer>
713</div>
714<!-- Main container END -->
715    
716
717
718<!-- Additional JS -->
719<script src="../js/jquery.min.js?3427"></script>
vendor: 1 bytes, line 719
719
720<script src="../js/bootstrap.bundle.min.js?7074"></script>
vendor: 1 bytes, line 720
720
721<script src="../js/blocs.min.js?9812"></script>
vendor: 1 bytes, line 721
721
722<script src="../js/lazysizes.min.js" defer></script>
vendor: 1 bytes, line 722
722
723<script src="../js/universal-parallax.min.js?2574"></script>
723<!-- Additional JS END -->
724<!-- BANNER STAPEL UNTEN LINKS -->
725<div id="stk-left-stack">
726
727 <!-- 1. RESERVIERUNGS BANNER (VOLL / OBEN) -->
728 <div id="stk-res-wrapper">
729   <button id="stk-res-close" type="button" title="Schließen">✕</button>
730   <button id="stk-res-pill" type="button">
731     <div class="stk-cal-box">
732       <div class="stk-cal-head"></div>
733       <div class="stk-cal-num stk-day-val">1</div>
734     </div>
735     <span>Jetzt reservieren!</span>
736   </button>
737 </div>
738
739 <!-- RESERVIERUNG REOPEN BUTTON (Wird erst nach Klick auf X sichtbar) -->
740 <button id="stk-reopen-res-btn" type="button" title="Tisch reservieren">
741   <div class="stk-cal-box">
742     <div class="stk-cal-head"></div>
743     <div class="stk-cal-num stk-day-val">1</div>
744   </div>
745 </button>
746
747 <!-- 2. COOKIE BANNER (VOLL / DARUNTER) -->
748 <div id="stk-cookie-box">
749   <p class="stk-cookie-text">
750     Ihre Daten sind bei uns sicher. Details in der
751     <a href="/datenschutz/" target="_blank">Datenschutzerklärung</a>.
752   </p>
753   <button id="stk-cookie-ok" type="button">Verstanden</button>
754 </div>
755
756 <!-- COOKIE REOPEN BUTTON (Wird erst nach Klick auf Verstanden sichtbar) -->
757 <button id="stk-reopen-cookie-btn" type="button" title="Datenschutz-Einstellungen">
758   <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
759     <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10a4 4 0 0 1-5-5 4 4 0 0 1-5-5Z"/>
760     <circle cx="7.5" cy="8.5" r="0.5" fill="#ffffff"/>
761     <circle cx="11" cy="7.5" r="0.5" fill="#ffffff"/>
762     <circle cx="15.5" cy="8.5" r="0.5" fill="#ffffff"/>
763     <circle cx="7" cy="12" r="0.5" fill="#ffffff"/>
764     <circle cx="10.5" cy="12.5" r="0.5" fill="#ffffff"/>
765     <circle cx="11.5" cy="16.5" r="0.5" fill="#ffffff"/>
766   </svg>
767 </button>
768
769</div>
770
771
772<!-- RESMIO MODAL POPUP -->
773<div id="stk-modal-shade"></div>
774<div id="stk-modal-window">
775 <div id="stk-modal-header">
776   <span>Tisch reservieren</span>
777   <button id="stk-modal-close" type="button">✕</button>
778 </div>
779
780 <div id="stk-modal-body">
781   <!-- Consent Schritt -->
782   <div id="stk-resmio-consent">
783     <p style="font-size: 13px !important; line-height: 1.4 !important; margin-bottom: 15px !important; color: #333333 !important;">
784       Für die Online-Tischreservierung nutzen wir das externe Widget der <strong>resmio GmbH</strong>.
785       Dabei werden Daten (wie Ihre IP-Adresse) an resmio übertragen. Details in unserer
786       <a href="/datenschutz/" target="_blank" style="color: #8b1e2b !important; text-decoration: underline !important;">Datenschutzerklärung</a>.
787     </p>
788     <button id="stk-load-resmio-btn" type="button" style="background-color: #8b1e2b !important; color: #ffffff !important; border: none !important; padding: 10px 16px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; width: 100% !important;">
789       Einwilligen & Reservierung laden
790     </button>
791   </div>
792
793   <!-- Resmio Container -->
794   <div id="resmio-restaurant-scharf"></div>
795 </div>
796</div>
797
798
799<!-- STYLES -->
800<style>
801/* Stapel unten links */
802#stk-left-stack {
803 position: fixed !important;
804 bottom: 20px !important;
805 left: 20px !important;
806 z-index: 999998 !important;
807 display: flex !important;
808 flex-direction: column !important;
809 align-items: flex-start !important;
810 gap: 10px !important;
811 pointer-events: none !important;
812}
813
814#stk-left-stack * {
815 pointer-events: auto !important;
816}
817
818/* 1. Reservierungs Banner (Voll) */
819#stk-res-wrapper {
820 position: relative !important;
821 display: inline-block !important;
822}
823
824#stk-res-close {
825 position: absolute !important;
826 top: -6px !important;
827 left: -6px !important;
828 background: #2a2e33 !important;
829 color: #ffffff !important;
830 border: 1px solid rgba(255, 255, 255, 0.4) !important;
831 border-radius: 50% !important;
832 width: 22px !important;
833 height: 22px !important;
834 font-size: 11px !important;
835 font-weight: bold !important;
836 cursor: pointer !important;
837 display: flex !important;
838 align-items: center !important;
839 justify-content: center !important;
840 z-index: 10 !important;
841 padding: 0 !important;
842}
843
844#stk-res-pill {
845 background: rgba(45, 50, 55, 0.78) !important;
846 backdrop-filter: blur(10px) !important;
847 -webkit-backdrop-filter: blur(10px) !important;
848 color: #ffffff !important;
849 border: 1px solid rgba(255, 255, 255, 0.2) !important;
850 padding: 8px 18px 8px 14px !important;
851 border-radius: 25px !important;
852 font-size: 15px !important;
853 font-weight: 600 !important;
854 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
855 box-shadow: 0 6px 20px rgba(0,0,0,0.35) !important;
856 cursor: pointer !important;
857 display: flex !important;
858 align-items: center !important;
859 gap: 10px !important;
860}
861
862/* Kalender Reopen Button (Mini) */
863#stk-reopen-res-btn {
864 display: none;
865 width: 44px !important;
866 height: 44px !important;
867 border-radius: 50% !important;
868 background: rgba(45, 50, 55, 0.78) !important;
869 backdrop-filter: blur(8px) !important;
870 -webkit-backdrop-filter: blur(8px) !important;
871 border: 1px solid rgba(255, 255, 255, 0.25) !important;
872 align-items: center !important;
873 justify-content: center !important;
874 cursor: pointer !important;
875 padding: 0 !important;
876 box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
877}
878
879/* Kalenderblatt Icon Design */
880.stk-cal-box {
881 width: 20px !important;
882 height: 22px !important;
883 background: rgba(255, 255, 255, 0.2) !important;
884 border: 1px solid rgba(255, 255, 255, 0.4) !important;
885 border-radius: 4px !important;
886 overflow: hidden !important;
887 display: flex !important;
888 flex-direction: column !important;
889 flex-shrink: 0 !important;
890}
891
892.stk-cal-head {
893 background: #8b1e2b !important;
894 height: 5px !important;
895 width: 100% !important;
896}
897
898.stk-cal-num {
899 color: #ffffff !important;
900 font-size: 11px !important;
901 font-weight: 800 !important;
902 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
903 text-align: center !important;
904 line-height: 16px !important;
905}
906
907/* 2. Cookie Banner (Voll) */
908#stk-cookie-box {
909 background: rgba(28, 28, 30, 0.85) !important;
910 backdrop-filter: blur(12px) !important;
911 -webkit-backdrop-filter: blur(12px) !important;
912 border: 1px solid rgba(255, 255, 255, 0.2) !important;
913 border-radius: 12px !important;
914 padding: 14px 16px !important;
915 color: #ffffff !important;
916 box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
917 max-width: 320px !important;
918 display: flex !important;
919 flex-direction: column !important;
920 gap: 10px !important;
921}
922
923.stk-cookie-text {
924 margin: 0 !important;
925 font-size: 12px !important;
926 line-height: 1.4 !important;
927 color: #e0e0e0 !important;
928}
929
930.stk-cookie-text a {
931 color: #ffffff !important;
932 text-decoration: underline !important;
933}
934
935#stk-cookie-ok {
936 background: #8b1e2b !important;
937 color: #ffffff !important;
938 border: none !important;
939 padding: 6px 12px !important;
940 border-radius: 5px !important;
941 font-size: 12px !important;
942 font-weight: bold !important;
943 cursor: pointer !important;
944 width: 100% !important;
945}
946
947/* Cookie Reopen Button (Mini) */
948#stk-reopen-cookie-btn {
949 display: none;
950 width: 44px !important;
951 height: 44px !important;
952 border-radius: 50% !important;
953 background: rgba(45, 50, 55, 0.78) !important;
954 backdrop-filter: blur(8px) !important;
955 -webkit-backdrop-filter: blur(8px) !important;
956 border: 1px solid rgba(255, 255, 255, 0.25) !important;
957 align-items: center !important;
958 justify-content: center !important;
959 cursor: pointer !important;
960 padding: 0 !important;
961 box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
962}
963
964/* Resmio Modal Window */
965#stk-modal-shade {
966 display: none;
967 position: fixed !important;
968 top: 0 !important; left: 0 !important;
969 width: 100vw !important; height: 100vh !important;
970 background: rgba(0,0,0,0.4) !important;
971 z-index: 1000000 !important;
972}
973
974#stk-modal-window {
975 display: none;
976 position: fixed !important;
977 bottom: 80px !important;
978 left: 20px !important;
979 width: 310px !important;
980 max-width: 90vw !important;
981 background: #ffffff !important;
982 border-radius: 12px !important;
983 box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
984 z-index: 1000001 !important;
985 overflow: hidden !important;
986 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
987}
988
989#stk-modal-header {
990 background: #f8f9fa !important;
991 padding: 12px 15px !important;
992 font-weight: bold !important;
993 border-bottom: 1px solid #eee !important;
994 display: flex !important;
995 justify-content: space-between !important;
996 align-items: center !important;
997 color: #1c1c1e !important;
998}
999
1000#stk-modal-close {
1001 background: none !important;
1002 border: none !important;
1003 font-size: 16px !important;
1004 cursor: pointer !important;
1005 color: #666 !important;
1006 padding: 0 !important;
1007}
1008
1009#stk-modal-body {
1010 padding: 15px !important;
1011 min-height: 180px !important;
1012}
1013</style>
1014
1015
1016<!-- JAVASCRIPT LOGIK (MIT SPEICHER-FUNKTION SEITENÜBERGREIFEND) -->
1017<script>
1018document.addEventListener("DOMContentLoaded", function() {
1019
1020 // 1. Datum im Kalenderblatt eintragen
1021 var today = new Date().getDate();
1022 var dayElems = document.getElementsByClassName('stk-day-val');
1023 for (var i = 0; i < dayElems.length; i++) {
1024   dayElems[i].innerText = today;
1025 }
1026
1027 // Elemente definieren
1028 var resWrapper = document.getElementById("stk-res-wrapper");
1029 var resCloseBtn = document.getElementById("stk-res-close");
1030 var resPillBtn = document.getElementById("stk-res-pill");
1031 var reopenResBtn = document.getElementById("stk-reopen-res-btn");
1032
1033 var cookieBox = document.getElementById("stk-cookie-box");
1034 var cookieOkBtn = document.getElementById("stk-cookie-ok");
1035 var reopenCookieBtn = document.getElementById("stk-reopen-cookie-btn");
1036
1037 var modalShade = document.getElementById("stk-modal-shade");
1038 var modalWindow = document.getElementById("stk-modal-window");
1039 var modalCloseBtn = document.getElementById("stk-modal-close");
1040 var loadResmioBtn = document.getElementById("stk-load-resmio-btn");
1041
1042 // -------------------------------------------------------------
1043 // ZUSTAND PRÜFEN (Beim Laden der Seite aus dem Speicher lesen)
1044 // -------------------------------------------------------------
1045
1046 if (localStorage.getItem("stk_cookie_closed") === "true") {
1047   cookieBox.style.setProperty("display", "none", "important");
1048   reopenCookieBtn.style.setProperty("display", "flex", "important");
1049 }
1050
1051 if (localStorage.getItem("stk_res_closed") === "true") {
1052   resWrapper.style.setProperty("display", "none", "important");
1053   reopenResBtn.style.setProperty("display", "flex", "important");
1054 }
1055
1056 // -------------------------------------------------------------
1057 // EVENT LISTENER (Klicks & Zustand im Browser speichern)
1058 // -------------------------------------------------------------
1059
1060 // Cookie Logik
1061 cookieOkBtn.addEventListener("click", function(e) {
1062   e.preventDefault();
1063   cookieBox.style.setProperty("display", "none", "important");
1064   reopenCookieBtn.style.setProperty("display", "flex", "important");
1065   localStorage.setItem("stk_cookie_closed", "true");
1066 });
1067
1068 reopenCookieBtn.addEventListener("click", function(e) {
1069   e.preventDefault();
1070   cookieBox.style.setProperty("display", "flex", "important");
1071   reopenCookieBtn.style.setProperty("display", "none", "important");
1072   localStorage.removeItem("stk_cookie_closed");
1073 });
1074
1075 // Reservierungs Logik
1076 resCloseBtn.addEventListener("click", function(e) {
1077   e.preventDefault();
1078   e.stopPropagation();
1079   resWrapper.style.setProperty("display", "none", "important");
1080   reopenResBtn.style.setProperty("display", "flex", "important");
1081   localStorage.setItem("stk_res_closed", "true");
1082 });
1083
1084 reopenResBtn.addEventListener("click", function(e) {
1085   e.preventDefault();
1086   resWrapper.style.setProperty("display", "inline-block", "important");
1087   reopenResBtn.style.setProperty("display", "none", "important");
1088   localStorage.removeItem("stk_res_closed");
1089 });
1090
1091 // Modal Logik
1092 resPillBtn.addEventListener("click", function(e) {
1093   e.preventDefault();
1094   modalShade.style.setProperty("display", "block", "important");
1095   modalWindow.style.setProperty("display", "block", "important");
1096 });
1097
1098 function closeModal() {
1099   modalShade.style.setProperty("display", "none", "important");
1100   modalWindow.style.setProperty("display", "none", "important");
1101 }
1102
1103 modalCloseBtn.addEventListener("click", closeModal);
1104 modalShade.addEventListener("click", closeModal);
1105
1106 // Resmio Widget Laden
1107 var resmioLoaded = false;
1108 loadResmioBtn.addEventListener("click", function(e) {
1109   e.preventDefault();
1110   if (!resmioLoaded) {
1111     document.getElementById("stk-resmio-consent").style.setProperty("display", "none", "important");
1112
1113     var js = document.createElement('script');
1114     js.src = "//static.resmio.com/static/de/widget.js#id=restaurant-scharf&width=275px&height=400px";
1115     document.getElementById('resmio-restaurant-scharf').appendChild(js);
1116
1117     resmioLoaded = true;
1118   }
1119 });
1120
1121});
1122</script>
1122
1123
1124</body>
1125</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.