PageSourceSearch

https://hamburgs-cache-des-jahres.de/hhcdj_news_lesen.php?id=1016

html hamburgs-cache-des-jahres.de collected 2026-10-07 23:15:12 UTC 21,418 bytes, 561 lines download raw bytes

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.