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 ⬠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.