1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="iso-8859-1"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=1024"> 7 <meta name="description" content="HHCDJ News"> 8 <meta name="author" content="HHCDJ"> 9 10 <title>HHCDJ - News</title> 11 12 <link href="css/bootstrap.min.css" rel="stylesheet"> 13 <link href="css/bootstrap.css" rel="stylesheet"> 14 <link href="css/hhcdj.css" rel="stylesheet"> 15 16
16<script src="js/jquery.js"></script>
16 17
17<script src="js/bootstrap.min.js"></script>
17 18 19 <style> 20 body { background-color: #f5f5f5; } 21 22 /* Platz für Menüzeile */ 23 .main-content { 24 padding-top: 80px; 25 padding-bottom: 50px; 26 } 27 28 /* Card-Design wie im Userprofil */ 29 .news-card { 30 background: #fff; 31 border-radius: 12px; 32 box-shadow: 0 8px 16px rgba(0,0,0,0.1); 33 padding: 30px; 34 margin-top: 20px; 35 border: 1px solid #ddd; 36 } 37 38 .news-header-title { 39 font-family: 'Gloria Hallelujah', cursive; 40 color: #7f7f7f; 41 font-size: 32px; 42 margin-bottom: 20px; 43 border-bottom: 2px solid #eee; 44 padding-bottom: 10px; 45 } 46 47 .news-meta { 48 font-size: 12px; 49 color: #888; 50 margin-bottom: 15px; 51 } 52 53 .news-img { 54 max-width: 100%; 55 height: auto; 56 border-radius: 8px; 57 box-shadow: 0 4px 8px rgba(0,0,0,0.1); 58 margin-bottom: 20px; 59 } 60 61 .news-text { 62 font-size: 16px; 63 line-height: 1.6; 64 text-align: justify; 65 color: #333; 66 } 67 68 .btn-back { 69 margin-top: 30px; 70 } 71 </style> 72</head> 73 74<body> 75 76 77 78 79 80 81 82 83 84 85<style> 86 :root { --hhcdj-gold: #D8CD9D; } 87 body { margin: 0; padding: 0; } 88 89 .header-full-width { 90 background-color: var(--hhcdj-gold); 91 width: 100%; 92 text-align: center; 93 position: relative; 94 z-index: 1001; 95 } 96 .header-skyline-container { 97 max-width: 1100px; 98 height: 140px; 99 margin: 0 auto; 100 background: url('images/skyline_background_header_ohne_kompass.jpg') no-repeat center bottom; 101 background-size: contain; 102 position: relative; 103 } 104 .kompass-main { 105 position: absolute; 106 left: -15px; 107 top: 0; 108 height: 190px; 109 z-index: 2000; 110 } 111 .user-area { 112 position: absolute; 113 top: 0; 114 right: -15px; 115 z-index: 2001; 116 text-align: center; 117 text-decoration: none !important; 118 } 119 .user-area img { 120 width: 180px; 121 height: 180px; 122 border-radius: 50%; 123 border: 2px solid #fff; 124 background-color: #fff; 125 object-fit: cover; 126 box-shadow: 0 4px 8px rgba(0,0,0,0.2); 127 } 128 129 /* --- NAVBAR --- */ 130 .navbar-hhcdj { 131 background-color: var(--hhcdj-gold) !important; 132 border: none !important; 133 border-bottom: 5px solid #b7ae85 !important; 134 margin: 0 !important; 135 border-radius: 0 !important; 136 width: 100% !important; 137 z-index: 1000; 138 } 139 .navbar-hhcdj .nav > li > a { 140 font-size: 11px !important; 141 font-weight: bold; 142 color: #333 !important; 143 } 144 .dropdown-menu { 145 border: 1px solid #b7ae85 !important; 146 border-radius: 0 0 8px 8px !important; 147 box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important; 148 z-index: 3000; 149 } 150 .dropdown-menu > li > a:hover { 151 background-color: #f4f4f4 !important; 152 color: #5b8731 !important; 153 } 154 .container-fluid { 155 background-color: var(--hhcdj-gold) !important; 156 padding-left: 0 !important; 157 padding-right: 0 !important; 158 } 159 .search-input-hhcdj { 160 border-radius: 20px 0 0 20px !important; 161 border: 1px solid #b7ae85 !important; 162 height: 30px !important; 163 padding: 5px 10px !important; 164 font-size: 11px !important; 165 } 166 .search-btn-hhcdj { 167 border-radius: 0 20px 20px 0 !important; 168 background-color: #fff !important; 169 border: 1px solid #b7ae85 !important; 170 border-left: none !important; 171 height: 30px !important; 172 padding: 0 8px !important; 173 } 174 175 /* --- DESKTOP (ab 768px) --- */ 176 @media (min-width: 768px) { 177 .navbar-hhcdj .nav li.dropdown:hover > ul.dropdown-menu { 178 display: block; 179 margin-top: 0; 180 } 181 .navbar-hhcdj .nav li.dropdown { 182 position: relative; 183 } 184 .navbar-hhcdj .navbar-nav { float: none; display: inline-block; vertical-align: top; } 185 .navbar-hhcdj .navbar-collapse { text-align: center; } 186 .navbar-form-hhcdj { 187 display: inline-block !important; 188 float: none !important; 189 margin-top: 10px !important; 190 margin-left: 10px !important; 191 padding: 0 !important; 192 vertical-align: top; 193 max-width: 130px; 194 } 195 } 196 197 /* --- MOBILE (max 767px) --- */ 198 @media (max-width: 767px) { 199 .user-area img { width: 80px; height: 80px; margin-top: 5px; } 200 .user-area { right: 5px !important; } 201 .kompass-main { height: 100px; left: 5px !important; top: 5px; } 202 203 /* Header overflow fix */ 204 .header-full-width { 205 overflow: hidden !important; 206 z-index: 999 !important; 207 } 208 .header-skyline-container { 209 overflow: hidden !important; 210 width: 100% !important; 211 } 212 213 /* Hamburger Button */ 214 .navbar-toggle { 215 margin: 0 auto !important; 216 float: none !important; 217 display: block !important; 218 z-index: 1002; 219 position: static !important; 220 } 221 222 /* Navbar Header und Container ohne Lücken */ 223 .navbar-hhcdj .navbar-header { 224 text-align: center !important; 225 float: none !important; 226 margin-left: 0 !important; 227 margin-right: 0 !important; 228 padding-left: 0 !important; 229 padding-right: 0 !important; 230 width: 100% !important; 231 } 232 233 .navbar-hhcdj .container-fluid { 234 padding-left: 0 !important; 235 padding-right: 0 !important; 236 margin-left: 0 !important; 237 margin-right: 0 !important; 238 } 239 240 .navbar-hhcdj .navbar-collapse { 241 padding-left: 0 !important; 242 padding-right: 0 !important; 243 margin-left: 0 !important; 244 margin-right: 0 !important; 245 max-height: 80vh; 246 overflow-y: auto !important; 247 } 248 249 .navbar-hhcdj .navbar-nav { 250 margin: 0 !important; 251 padding: 0 !important; 252 width: 100% !important; 253} 254 255 .kompass-main { z-index: 999 !important; } 256 .user-area { z-index: 999 !important; } 257 .navbar-hhcdj { z-index: 1000 !important; } 258 259 /* Hauptmenüpunkte einrücken */ 260 .navbar-hhcdj .nav > li { 261 margin: 0 !important; 262 padding: 0 !important; 263} 264 265 /* Dropdown Mobile: statisch eingebettet */ 266 .navbar-hhcdj .dropdown-menu { 267 position: static !important; 268 float: none !important; 269 width: auto !important; 270 box-shadow: none !important; 271 border: none !important; 272 border-top: 1px solid #b7ae85 !important; 273 background-color: rgba(0,0,0,0.05) !important; 274 margin: 0 !important; 275 padding: 0 !important; 276 border-radius: 0 !important; 277 } 278 .navbar-hhcdj .dropdown-menu > li > a { 279 padding-left: 35px !important; 280 font-size: 11px !important; 281 } 282 .navbar-hhcdj .open > .dropdown-menu { 283 display: block !important; 284 } 285 } 286</style> 287 288<header> 289 290<<!-- Primäre Metatags --> 291<title>Hamburgs Cache des Jahres ...to make Hamburg more cachetractive...</title> 292<meta name="title" content="Hamburgs Cache des Jahres ..to make Hamburg more cachetractive..."> 293<meta name="description" content="Welcher Geocache verdient die Krone? Entdecke die nominierten Caches, stimme ab und finde die Highlights der Hamburger Geocaching-Community."> 294<meta name="keywords" content="Geocaching, Hamburg, Cache des Jahres, Geocache Auszeichnung, Lost Places Hamburg, Geocaching Community, Abstimmung"> 295<meta name="robots" content="index, follow"> 296<meta name="language" content="Deutsch"> 297<meta name="author" content="Hamburgs Cache des Jahres"> 298 299<!-- Open Graph / Facebook --> 300<meta property="og:type" content="website"> 301<meta property="og:url" content="https://www.hamburgs-cache-des-jahres.de/"> 302<meta property="og:title" content="Hamburgs Cache des Jahres â Jetzt abstimmen!"> 303<meta property="og:description" content="Die Community hat gewählt! Finde heraus, welche Geocaches in Hamburg dieses Jahr MaÃstäbe gesetzt haben."> 304<meta property="og:image" content="https://www.hamburgs-cache-des-jahres.de/assets/img/og-image.jpg"> 305 306<!-- Twitter --> 307<meta property="twitter:card" content="summary_large_image"> 308<meta property="twitter:url" content="https://www.hamburgs-cache-des-jahres.de/"> 309<meta property="twitter:title" content="Hamburgs Cache des Jahres">
310<meta property="twitter:description" content="Die Suche nach dem besten Geocache in Hamburg. Nominiere deine Favoriten und stimme ab!"> 311<meta property="twitter:image" content="https://www.hamburgs-cache-des-jahres.de/assets/img/og-image.jpg"> 312 313<!-- Favicon (Klassisch) 314<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">--> 315 316</header> 317 318 319<div class="header-full-width"> 320 <div class="header-skyline-container"> 321 <img src="images/kompass_durchsichtig_header.png" class="kompass-main" alt="Kompass"> 322 <a href="authenticate_hinweis.php" class="user-area"> 323 <img src="images/Login_logo.png" alt="User Avatar"> 324 <span style="display:block; font-size:10px; font-weight:bold; color:#333;">Login</span> 325 </a> 326 </div> 327</div> 328 329<nav class="navbar navbar-default navbar-hhcdj"> 330 <div class="container-fluid"> 331 <div class="navbar-header"> 332 <!-- WICHTIG: kein data-toggle/data-target mehr, wird per JS gesteuert --> 333 <button type="button" class="navbar-toggle collapsed" id="main-nav-toggle"> 334 <span class="icon-bar"></span> 335 <span class="icon-bar"></span> 336 <span class="icon-bar"></span> 337 </button> 338 </div> 339 <div class="collapse navbar-collapse" id="nav-main"> 340 <ul class="nav navbar-nav"> 341 <li><a href="index.php"><span class="glyphicon glyphicon-home"></span></a></li> 342 <li><a href="index.php#blog">News</a></li> 343 344 <li class="dropdown"> 345 <a href="#" class="dropdown-toggle" data-toggle="dropdown">HHCDJ <b class="caret"></b></a> 346 <ul class="dropdown-menu"> 347 <li><a href="index.php#wetter">HHCDJ-Wetter</a></li> 348 <li><a href="index.php#regeln">Regelwerk</a></li> 349 <li><a href="index.php#regeln">Teilnehmerbanner</a></li> 350 <li class="divider"></li> 351 <li><a href="hint_start.php">HINT! - TOP-Caches</a></li> 352 </ul> 353 </li> 354 355 356 357 <li class="dropdown"> 358 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Testberichte <b class="caret"></b></a> 359 <ul class="dropdown-menu"> 360 <li><a href="Testbericht_ledlenser_p6r.php">Ledlenser P6R</a></li> 361 <li><a href="Testbericht_ledlenser_pb.php">Ledlenser FLEX3</a></li> 362 <li><a href="Testbericht_ledlenser_mt10.php">Ledlenser MT10</a></li> 363 <li><a href="Testbericht_livingroomescape.php">Living Room Escape</a></li> 364 <li><a href="Testbericht_ledlenser_battle.php">Ledlenser Taschenlampen-Battle</a></li> 365 <li><a href="Testbericht_schatztagebuch.php">Schatztagebuch Hamburg</a></li> 366 </ul> 367 </li> 368 <li class="dropdown"> 369 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Teilnehmer <b class="caret"></b></a> 370 <ul class="dropdown-menu"> 371 <li><a href="index.php#blogvote">Cache einreichen</a></li> 372 <li><a href="index.php#blogvote">Cache bewerten</a></li> 373 <li><a href="alle_gewinner.php">Ehemalige Gewinner</a></li> 374 <li class="divider"></li> 375 <li><a href='teilnehmer_2025.php'>Teilnehmer 2025</a></li><li><a href='teilnehmer_2024.php'>Teilnehmer 2024</a></li><li><a href='teilnehmer_2023.php'>Teilnehmer 2023</a></li><li><a href='teilnehmer_2022.php'>Teilnehmer 2022</a></li><li><a href='teilnehmer_2021.php'>Teilnehmer 2021</a></li><li><a href='teilnehmer_2020.php'>Teilnehmer 2020</a></li><li><a href='teilnehmer_2019.php'>Teilnehmer 2019</a></li><li><a href='teilnehmer_2018.php'>Teilnehmer 2018</a></li><li><a href='teilnehmer_2017.php'>Teilnehmer 2017</a></li><li><a href='teilnehmer_2016.php'>Teilnehmer 2016</a></li><li><a href='teilnehmer_2015.php'>Teilnehmer 2015</a></li><li><a href='teilnehmer_2014.php'>Teilnehmer 2014</a></li><li><a href='teilnehmer_2013.php'>Teilnehmer 2013</a></li><li><a href='teilnehmer_2012.php'>Teilnehmer 2012</a></li><li><a href='teilnehmer_2011.php'>Teilnehmer 2011</a></li> </ul> 376 </li> 377 378 <li><a href="index.php#sponsoren">Sponsoren</a></li> 379 <li class="dropdown"> 380 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Info <b class="caret"></b></a> 381 <ul class="dropdown-menu"> 382 <li><a href="index.php#features">Statistik</a></li> 383 <li><a href="index.php#contact">Kontakt</a></li> 384 </ul> 385 </li> 386 </ul> 387 <form class="navbar-form navbar-form-hhcdj" action="suche.php" method="GET" role="search"> 388 <div class="input-group"> 389 <input type="text" name="q" class="form-control search-input-hhcdj" placeholder="Suchen..." required>
390 <span class="input-group-btn"> 391 <button type="submit" class="btn btn-default search-btn-hhcdj"> 392 <span class="glyphicon glyphicon-search"></span> 393 </button> 394 </span> 395 </div> 396 </form> 397 </div> 398 </div> 399</nav> 400 401
402<script> 403 var GLOBAL_CHAT_USER_NAME = "Gast"; 404 405 $(document).ready(function() { 406 407 var $navMenu = $('#nav-main'); 408 var $toggle = $('#main-nav-toggle'); 409 410 // --- HAMBURGER: komplett manuell --- 411 $toggle.on('click', function(e) { 412 e.stopPropagation(); 413 var isOpen = $navMenu.hasClass('in'); 414 if (isOpen) { 415 // Menü schlieÃen 416 $navMenu.removeClass('in').addClass('collapse'); 417 $toggle.addClass('collapsed'); 418 // Alle Dropdowns schlieÃen 419 $('.navbar-hhcdj .dropdown').removeClass('open'); 420 } else { 421 // Menü öffnen 422 $navMenu.addClass('in').removeClass('collapse'); 423 $toggle.removeClass('collapsed'); 424 } 425 }); 426 427 // --- MOBILE DROPDOWNS --- 428 if ($(window).width() < 768) { 429 430 $('.navbar-hhcdj .dropdown-toggle').on('click', function(e) { 431 e.preventDefault(); 432 e.stopPropagation(); 433 var $parent = $(this).parent(); 434 // Alle anderen schlieÃen 435 $('.navbar-hhcdj .dropdown').not($parent).removeClass('open'); 436 // Dieses togglen 437 $parent.toggleClass('open'); 438 }); 439 440 } 441 442 // --- KLICK AUSSERHALB: alles schlieÃen --- 443 $(document).on('click', function(e) { 444 if (!$(e.target).closest('.navbar-hhcdj').length) { 445 $('.navbar-hhcdj .dropdown').removeClass('open'); 446 $navMenu.removeClass('in').addClass('collapse'); 447 $toggle.addClass('collapsed'); 448 } 449 }); 450 451 }); 452</script>
452 453 454<div class="container main-content"> 455 <div class="row"> 456 <div class="col-md-10 col-md-offset-1"> 457 458 <div class="news-card"> 459 <div class="news-header-title"> 460 <span class="glyphicon glyphicon-flag"></span> News lesen 461 </div> 462 463 <div class="row"> 464 <div class="col-md-4"> 465 <img src="http://www.hamburgs-cache-des-jahres.de/images/abgeschlossene_arbeiten_titel.png" class="news-img" alt="News Bild"> 466 </div> 467 468 <div class="col-md-8"> 469 <div class="news-meta"> 470 Von <b><a href='mailto:[email protected]'>city78</a></b> am 11.05.2026 09:44 </div> 471 472 <h2 style="margin-top: 0; color: #337ab7;"><u>Es läuft endlich wieder...</u></h2> 473 474 <div class="news-text"> 475 <b>Lange hat es gedauert, aber jetzt ist es endlich soweit. Sämtliche Verbesserungs- und ReparaturmaÃnahmen an der Homepage sind abgeschlossen. Ein groÃer Dank geht dabei an Tobi, der uns mit seiner Expertise tatkräftig unterstützt hat.</b> 476Ein korrektes Einloggen sollte jetzt ebenso wieder funktionieren, wie auch die richtige Anzeige der gefundenen, bzw. gevoteten Teilnehmercaches. Auch das saubere Einreichen neuer Teilnehmer funktioniert wieder einwandfrei. Es kann also weitergehen, und dieses Jahr jetzt endlich richtig durchstarten... </div> 477 </div> 478 </div> 479 480 <div class="text-right btn-back"> 481 <hr> 482 <a href="index.php" class="btn btn-default"> 483 <span class="glyphicon glyphicon-chevron-left"></span> Zurück zur Ãbersicht 484 </a> 485 </div> 486 </div> 487 488 <div style="margin-top: 20px;"> 489 <!DOCTYPE html> 490<html> 491 <head> 492 493 <title> HHCDJ News </title> 494 495 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 496 <!-- Bootstrap --> 497 <!-- Orginal css aus Tutorial --> 498 <link href="css/bootstrap.min.css" rel="stylesheet"> 499 <link href="css/bootstrap.css" rel="stylesheet"> 500 <!-- Unser HHCDJ css --> 501 <link href="css/hhcdj.css" rel="stylesheet"> 502 503 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 504 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 505 <!--[if lt IE 9]>
505<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/ html5shiv.js"></script>
505 506
506<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/ respond.min.js"></script>
506 507 <![endif]--> 508 509<style type="text/css"> 510 511 512#rand { 513 border-style: solid; 514 border-top-color: #ffffff; 515 border-right: 0px; 516 border-bottom: 0px; 517 border-left: 0px; 518} 519 520 521</style> 522 </head> 523 524 525 <body> 526 527 528<html> 529 530 531<br> 532<hr> 533<table> 534 <tr> 535 <td style="text-align:center"><a href=# onclick='window.history.go(-1); return false;'> <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></a></td> 536 <td style="text-align:center"><a href="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hamburgs-cache-des-jahres.de" style="width:80px;height:20px;" id="lkbtn" scrolling="no" frameborder="0" allowTransparency="true"><img style="width:80px;height:20px;" src="images/top_gefaellt_mir.jpg"></a><br></td> 537 <td style="text-align:center"><a href="https://twitter.com/share" class="twitter-share-button" data-related="http://www.hamburgs-cache-des-jahres.de" data-size="medium" data-count="none" data-lang="de" ><img style="width:80px;height:20px;" src="images/tweetbutton.png"></a></td> 538 <td style="text-align:center"><a target="_blank" href="javascript:window.print();"><span class="glyphicon glyphicon-print" aria-hidden="true"></a> 539</td> 540 <td style="text-align:center"><a target="_self" href="kontakt.php"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></a> </td> 541 <td style="text-align:center"><a target="_self" href="support"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></a> </td> 542 <td style="text-align:right"><b>08.10.2026</b></td> 543 </tr> 544 <tr><td> <br></td><td> </td><td> </td><td ></td><td> </td><td> </td><td> </td></tr> 545 546 </table> 547 548 549 550</html> 551 552</body> </div> 553 554 </div> 555 </div> 556</div> 557 558 559<br><br> 560</body> 561</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.