PageSourceSearch

https://www.goldpreis-in-gramm.de/aktueller_goldpreis.htm

html goldpreis-in-gramm.de collected 2026-10-03 18:41:19 UTC 20,837 bytes, 790 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Aktueller Goldpreis | goldpreis-in-gramm.de</title>
8    <meta name="description" content="Goldpreis heute: Aktueller Kurs in Euro übersichtlich und präzise visualisiert.">
9    <link rel="canonical" href="https://www.goldpreis-in-gramm.de/aktueller_goldpreis.htm">
10
11    <!-- Fonts -->
12    <link rel="preconnect" href="https://fonts.googleapis.com">
13    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
15
16    
16<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="3af94c65-ad71-4415-b0cd-8903c0746450">
17    </script>
17
18
19    <!-- Google Analytics (GA4) - Cookiebot Bound -->
vendor: 68 bytes, lines 19-20
19
20    <script async src="https://www.googletagmanager.com/gtag/js?id=
20G-7P132GHJTE
vendor: 74 bytes, lines 20-22
20" type="text/plain"
21        data-cookieconsent="statistics"></script>
22    
22<script type="text/plain" data-cookieconsent="statistics">
23    
vendor: 154 bytes, lines 23-28
23window.dataLayer = window.dataLayer || [];
24    function gtag() {
25        dataLayer.push(arguments);
26    }
27    gtag('js', new Date());
28    gtag('config', '
28G-7P132GHJTE
vendor: 8 bytes, lines 28-29
28');
29    
29</script>
29
30
31    <!-- Google AdSense - Cookiebot Bound -->
32    
32<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5061489943801622"
33        crossorigin="anonymous" type="text/plain" data-cookieconsent="marketing"></script>
33
34
35    <style>
36    /* SECTION - Design Tokens (Executive Light) */
37    :root {
38        --brand-blue: #465b6d;
39        /* Klassischer Ton aus dem alten Logo */
40        --gold-primary: #D4AF37;
41        --gold-hover: #b8932d;
42        --bg-body: #f8f9fa;
43        --bg-white: #ffffff;
44        --text-main: #1e293b;
45        --text-muted: #64748b;
46        --border-color: #e2e8f0;
47        --radius-sm: 4px;
48        --transition: all 0.2s ease-in-out;
49        --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
50    }
51
52    /* !SECTION */
53
54    * {
55        box-sizing: border-box;
56    }
57
58    img {
59        max-width: 100%;
60        height: auto;
61        display: inline-block;
62    }
63
64    p,
65    h1,
66    h2,
67    h3,
68    h4 {
69        overflow-wrap: break-word;
70    }
71
72    body {
73        margin: 0;
74        padding: 0;
75        background: var(--bg-body);
76        color: var(--text-main);
77        font-family: 'Outfit', sans-serif;
78        font-size: 14px;
79        line-height: 1.5;
80        overflow-x: hidden;
81        width: 100%;
82    }
83
84    .container {
85        max-width: 1140px;
86        margin: 0 auto;
87        padding: 0 20px;
88    }
89
90    /* SECTION - Header & Branding */
91    .site-header {
92        background: var(--bg-white);
93        border-bottom: 1px solid var(--border-color);
94        padding: 15px 0;
95    }
96
97    .header-layout {
98        display: flex;
99        justify-content: space-between;
100        align-items: center;
101        gap: 30px;
102    }
103
104    .brand {
105        display: flex;
106        align-items: center;
107        gap: 15px;
108        text-decoration: none;
109    }
110
111    .brand-logo-modern {
112        width: 45px;
113        height: 45px;
114        background: var(--brand-blue);
115        display: flex;
116        align-items: center;
117        justify-content: center;
118        border-radius: var(--radius-sm);
119        color: var(--gold-primary);
120        font-weight: 700;
121        font-size: 1.2rem;
122    }
123
124    .brand-text h1 {
125        margin: 0;
126        font-size: 1.5rem;
127        color: var(--brand-blue);
128        font-weight: 700;
129        line-height: 1.1;
130    }
131
132    .brand-text h1 small {
133        display: block;
134        font-size: 0.85rem;
135        font-weight: 400;
136        color: var(--text-muted);
137    }
138
139    /* ANCHOR - Compact Price Bar */
140    .price-strip {
141        display: flex;
142        gap: 20px;
143    }
144
145    .price-item {
146        padding: 5px 12px;
147        border-left: 3px solid var(--border-color);
148        transition: var(--transition);
149    }
150
151    .price-item:hover {
152        border-left-color: var(--gold-primary);
153    }
154
155    .price-item.gold-item {
156        border-left-color: var(--gold-primary);
157    }
158
159    .pi-label {
160        font-size: 0.7rem;
161        text-transform: uppercase;
162        font-weight: 600;
163        color: var(--text-muted);
164        letter-spacing: 0.5px;
165    }
166
167    .pi-val {
168        font-size: 1.05rem;
169        font-weight: 600;
170        color: var(--brand-blue);
171    }
172
173    .pi-val small {
174        font-weight: 400;
175        color: var(--text-muted);
176    }
177
178    /* !SECTION */
179
180    /* SECTION - Navigation */
181    .nav-bar {
182        background: var(--brand-blue);
183        position: sticky;
184        top: 0;
185        z-index: 1000;
186        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
187    }
188
189    .nav-container {
190        display: flex;
191        justify-content: space-between;
192        align-items: center;
193    }
194
195    .nav-list {
196        display: flex;
197        list-style: none;
198        margin: 0;
199        padding: 0;
200    }
201
202    .nav-list a {
203        display: block;
204        color: rgba(255, 255, 255, 0.9);
205        text-decoration: none;
206        padding: 12px 20px;
207        font-size: 0.9rem;
208        font-weight: 500;
209        transition: var(--transition);
210    }
211
212    .nav-list a:hover,
213    .nav-list a.active {
214        background: rgba(255, 255, 255, 0.1);
215        color: #fff;
216    }
217
218    .nav-toggle {
219        display: none;
220        background: none;
221        border: none;
222        color: #fff;
223        padding: 12px;
224        cursor: pointer;
225    }
226
227    /* !SECTION */
228
229    /* SECTION - Main Layout */
230    .layout-grid {
231        display: grid;
232        grid-template-columns: 200px 1fr 240px;
233        gap: 20px;
234        margin-top: 25px;
235        align-items: start;
236    }
237
238    /* Cards */
239    .card {
240        background: var(--bg-white);
241        border: 1px solid var(--border-color);
242        border-radius: var(--radius-sm);
243        box-shadow: var(--shadow-sm);
244    }
245
246    .card-header {
247        padding: 12px 15px;
248        border-bottom: 1px solid var(--border-color);
249        background: #fafafa;
250    }
251
252    .card-header h3 {
253        margin: 0;
254        font-size: 0.95rem;
255        color: var(--brand-blue);
256        text-transform: uppercase;
257        letter-spacing: 0.5px;
258    }
259
260    .card-body {
261        padding: 15px;
262    }
263
264    /* Sidebar Navigation */
265    .side-nav {
266        list-style: none;
267        padding: 0;
268        margin: 0;
269    }
270
271    .side-nav a {
272        display: block;
273        color: var(--text-main);
274        text-decoration: none;
275        padding: 8px 10px;
276        font-size: 0.9rem;
277        border-radius: var(--radius-sm);
278        transition: var(--transition);
279    }
280
281    .side-nav a:hover {
282        background: var(--bg-body);
283        color: var(--gold-primary);
284        padding-left: 15px;
285    }
286
287    .nt-group {
288        font-size: 0.75rem;
289        font-weight: 700;
290        color: var(--text-muted);
291        margin: 15px 0 5px 10px;
292        text-transform: uppercase;
293    }
294
295    /* Main Content */
296    .content-area {
297        padding: 30px;
298    }
299
300    .content-area h1 {
301        color: var(--brand-blue);
302        font-size: 1.8rem;
303        margin-top: 0;
304    }
305
306    .content-area h2 {
307        color: var(--brand-blue);
308        font-size: 1.4rem;
309        margin-top: 25px;
310        border-left: 4px solid var(--gold-primary);
311        padding-left: 12px;
312    }
313
314    .content-area p {
315        text-align: justify;
316        color: #444;
317    }
318
319    /* Live Box in Content */
320    .price-box {
321        background: #fdfdfd;
322        border: 1px solid var(--border-color);
323        border-left: 5px solid var(--gold-primary);
324        border-radius: var(--radius-sm);
325        margin: 20px 0;
326        overflow: hidden;
327    }
328
329    .price-box-header {
330        background: #f8f8f8;
331        padding: 10px 15px;
332        font-weight: 600;
333        color: var(--brand-blue);
334        border-bottom: 1px solid var(--border-color);
335    }
336
337    .price-box-body {
338        padding: 15px;
339        display: grid;
340        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
341        gap: 15px;
342        text-align: center;
343    }
344
345    .pb-item {
346        display: flex;
347        flex-direction: column;
348        gap: 4px;
349    }
350
351    .pb-label {
352        font-size: 0.75rem;
353        color: var(--text-muted);
354        text-transform: uppercase;
355        font-weight: 500;
356    }
357
358    .price-gram,
359    .price-unze {
360        font-weight: 700;
361        color: var(--brand-blue);
362        white-space: nowrap;
363    }
364
365    .price-gram {
366        font-size: 1.5rem;
367    }
368
369    .price-unze {
370        font-size: 1.2rem;
371    }
372
373    .price-update {
374        font-size: 0.75rem;
375        color: var(--text-muted);
376        text-align: center;
377        border-top: 1px solid #f1f1f1;
378        padding: 8px;
379        opacity: 0.8;
380    }
381
382    /* Charts */
383    .chart-box {
384        margin-bottom: 12px;
385        text-align: center;
386    }
387
388    .chart-box img {
389        max-width: 100%;
390        height: auto;
391        border: 1px solid var(--border-color);
392        padding: 4px;
393        background: #fff;
394        border-radius: var(--radius-sm);
395    }
396
397    /* !SECTION */
398
399    /* SECTION - Footer */
400    .site-footer {
401        margin-top: 50px;
402        background: var(--brand-blue);
403        color: #fff;
404        padding: 30px 0;
405    }
406
407    .footer-grid {
408        display: flex;
409        justify-content: space-between;
410        align-items: center;
411        font-size: 0.85rem;
412        opacity: 0.9;
413    }
414
415    .footer-links a {
416        color: #fff;
417        text-decoration: none;
418        margin-left: 20px;
419    }
420
421    .footer-links a:hover {
422        color: var(--gold-primary);
423    }
424
425    /* !SECTION */
426
427    /* SECTION - Responsive */
428    @media (max-width: 1000px) {
429        .layout-grid {
430            grid-template-columns: 180px 1fr;
431        }
432
433        .sidebar-right {
434            grid-column: 1 / -1;
435            display: flex;
436            flex-wrap: wrap;
437            gap: 15px;
438        }
439
440        .sidebar-right .card {
441            flex: 1;
442        }
443    }
444
445    @media (max-width: 800px) {
446        .header-layout {
447            flex-direction: column;
448            align-items: center;
449            text-align: center;
450            gap: 20px;
451        }
452
453        .layout-grid {
454            grid-template-columns: 1fr;
455        }
456
457        .sidebar-left,
458        .sidebar-right {
459            display: none;
460        }
461
462        .price-strip {
463            justify-content: center;
464            flex-wrap: wrap;
465            gap: 10px;
466        }
467
468        .price-item {
469            padding: 8px 15px;
470            background: #fff;
471            border: 1px solid var(--border-color);
472            border-radius: var(--radius-sm);
473            min-width: 130px;
474            flex: 1 1 130px;
475        }
476
477        .nav-toggle {
478            display: block;
479        }
480
481        .nav-list {
482            display: none;
483            flex-direction: column;
484            position: absolute;
485            top: 100%;
486            left: 0;
487            right: 0;
488            background: var(--brand-blue);
489            border-top: 1px solid rgba(255, 255, 255, 0.1);
490            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
491        }
492
493        .nav-list.active {
494            display: flex;
495        }
496
497        .nav-list a {
498            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
499            padding: 15px 20px;
500        }
501    }
502
503    /* !SECTION */
504
505    /* FAQ Details */
506    details {
507        border: 1px solid var(--border-color);
508        border-radius: var(--radius-sm);
509        margin-bottom: 8px;
510    }
511
512    summary {
513        padding: 12px;
514        cursor: pointer;
515        font-weight: 500;
516        background: #fff;
517        color: var(--brand-blue);
518        outline: none;
519    }
520
521    summary:hover {
522        background: #fdfdfd;
523    }
524
525    .faq p {
526        padding: 0 15px 15px 15px;
527        margin: 0;
528        font-size: 0.95rem;
529    }
530
531    /* Tables */
532    .price-table {
533        width: 100%;
534        border-collapse: collapse;
535        margin: 20px 0;
536    }
537
538    .price-table th {
539        background: #f1f5f9;
540        color: var(--brand-blue);
541        text-align: left;
542        padding: 10px;
543        font-size: 0.8rem;
544        text-transform: uppercase;
545        border: 1px solid var(--border-color);
546    }
547
548    .price-table td {
549        padding: 10px;
550        border: 1px solid var(--border-color);
551    }
552
553    .price-table tr:nth-child(even) {
554        background: #fafafa;
555    }
556
557    .positive {
558        color: #16a34a;
559        font-weight: 600;
560    }
561
562    .negative {
563        color: #dc2626;
564        font-weight: 600;
565    }
566    </style>
567</head>
568
569<body>
570
571    <!-- HEADER -->
572    <header class="site-header">
573        <div class="container header-layout">
574            <a href="index.htm" class="brand">
575                <div class="brand-logo-modern">G</div>
576                <div class="brand-text">
577                    <h1>GOLDPREIS <small>IN GRAMM & UNZE</small></h1>
578                </div>
579            </a>
580
581            <div class="price-strip">
582                <div class="price-item gold-item">
583                    <div class="pi-label">Gold</div>
584                    <div class="pi-val">118,32                        <small>€/g</small>
585                    </div>
586                </div>
587                <div class="price-item">
588                    <div class="pi-label">Silber</div>
589                    <div class="pi-val">1,73                        <small>€/g</small>
590                    </div>
591                </div>
592                <div class="price-item">
593                    <div class="pi-label">Platin</div>
594                    <div class="pi-val">48,57                        <small>€/g</small>
595                    </div>
596                </div>
597                <div class="price-item">
598                    <div class="pi-label">Palladium</div>
599                    <div class="pi-val">33,49                        <small>€/g</small>
600                    </div>
601                </div>
602            </div>
603        </div>
604    </header>
605
606    <!-- NAVIGATION -->
607    <nav class="nav-bar">
608        <div class="container nav-container">
609            <button class="nav-toggle" id="menuToggle" aria-label="Menü öffnen">
610                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
611                    stroke-linecap="round" stroke-linejoin="round">
612                    <line x1="3" y1="12" x2="21" y2="12"></line>
613                    <line x1="3" y1="6" x2="21" y2="6"></line>
614                    <line x1="3" y1="18" x2="21" y2="18"></line>
615                </svg>
616            </button>
617            <ul class="nav-list" id="mainNav">
618                <li><a href="index.htm" >Startseite</a></li>
619                <li><a href="aktueller_goldpreis.htm"
620                        class="active">Goldpreis</a></li>
621                <li><a href="aktueller_silberpreis.htm"
622                        >Silberpreis</a></li>
623                <li><a href="gold_kaufen.htm">Gold kaufen</a></li>
624                <li><a href="gold_verkaufen.htm">Gold verkaufen</a></li>
625            </ul>
626        </div>
627    </nav>
628
629    
629<script>
630    document.getElementById('menuToggle').addEventListener('click', function() {
631        document.getElementById('mainNav').classList.toggle('active');
632    });
633    </script>
633
634
635    <!-- MAIN CONTENT -->
636    <main class="container layout-grid">
637
638        <!-- Left Sidebar -->
639        <aside class="sidebar-left">
640            <div class="card">
641                <div class="card-header">
642                    <h3>Navigation</h3>
643                </div>
644                <div class="card-body" style="padding: 10px;">
645                    <div class="nt-group">Edelmetalle</div>
646                    <ul class="side-nav">
647                        <li><a href="gold.htm">Gold</a></li>
648                        <li><a href="silber.htm">Silber</a></li>
649                        <li><a href="platin.htm">Platin</a></li>
650                        <li><a href="palladium.htm">Palladium</a></li>
651                    </ul>
652                    <div class="nt-group">Formate</div>
653                    <ul class="side-nav">
654                        <li><a href="goldmuenzen.htm">Goldmünzen</a></li>
655                        <li><a href="goldbarren.htm">Goldbarren</a></li>
656                        <li><a href="silbermuenzen.htm">Silbermünzen</a></li>
657                    </ul>
658                </div>
659            </div>
660        </aside>
661
662        <!-- Content -->
663        <article class="card content-area">
664            <!-- Aktueller Goldpreis -->
665<h1>Aktueller Goldpreis - 03.10.2026</h1>
666
667<p>Sieht man sich den Goldpreis im Verlauf der letzten 10 Jahre an, so hat sich dieser nicht nur verdoppelt sondern
668    vervielfacht. Insbesondere in den letzten Jahren, in denen das Wort "Krise" durch die Medienlandschaft geht, greifen
669    immer mehr Anleger auf die scheinbar sichere Anlage Gold zurück.</p>
670
671<!-- Gold Price Box -->
672<div class="price-box">
673    <div class="price-box-header">Goldpreis heute</div>
674    <div class="price-box-body">
675        <div class="pb-item">
676            <div class="pb-label">Aktueller Preis pro Gramm</div>
677            <div class="price-gram">118,32                <small>EUR</small>
678            </div>
679        </div>
680        <div class="pb-item">
681            <div class="pb-label">Aktueller Preis pro Unze</div>
682            <div class="price-unze">3.680,20 <small>EUR</small></div>
683        </div>
684    </div>
685    <div class="price-update">
685Letztes Update: 03.10.2026 20:30 Uhr</div>
686</div>
687
688<p>Um zu spekulieren, dürfte es momentan zu spät sein. Gold gilt als sichere Anlage in unsicheren Zeiten.</p>
689
690<h2>10-Jahres-Entwicklung des Goldpreises</h2>
691<p>Die historische Entwicklung des Goldpreises zeigt einen langfristigen Aufwärtstrend. In Krisenzeiten suchen Anleger
692    traditionell den Weg in Gold als Inflationsschutz.</p>
693
694<!-- Preisvergleichstabelle -->
695<h2>Edelmetall-Preise im Vergleich</h2>
696<div class="table-responsive">
697    <table class="price-table">
698        <tr>
699            <th>Metall</th>
700            <th>Preis pro Gramm</th>
701            <th>Preis pro Unze</th>
702            <th>Änderung</th>
703        </tr>
704        <tr>
705            <td><strong>Gold</strong></td>
706            <td>118,32 EUR</td>
707            <td>3.680,20 EUR</td>
708            <td class="positive">+1,2%</td>
709        </tr>
710        <tr>
711            <td><strong>Silber</strong></td>
712            <td>1,7251 EUR</td>
713            <td>53,66 EUR</td>
714            <td class="negative">-0,8%</td>
715        </tr>
716        <tr>
717            <td><strong>Platin</strong></td>
718            <td>48,57 EUR</td>
719            <td>1.510,55 EUR</td>
720            <td class="positive">+0,5%</td>
721        </tr>
722        <tr>
723            <td><strong>Palladium</strong></td>
724            <td>33,49 EUR</td>
725            <td>1.041,53 EUR</td>
726            <td class="negative">-1,1%</td>
727        </tr>
728    </table>
729</div>
730
731<!-- FAQ -->
732<div class="faq">
733    <h2>Häufig gestellte Fragen</h2>
734
735    <details>
736        <summary>Wie hoch ist der Goldpreis heute?</summary>
737        <p>3.680,20 EUR pro Unze
738            (118,32 EUR pro Gramm).</p>
739    </details>
740
741    <details>
742        <summary>Wovon hängt der Goldpreis ab?</summary>
743        <p>Von Inflation, Zinsen, Dollar, geopolitischen Ereignissen und der Nachfrage.</p>
744    </details>
745
746    <details>
747        <summary>Ist Gold eine gute Anlage?</summary>
748        <p>Gold gilt als Inflationsschutz und Krisenwährung.</p>
749    </details>
750</div>        </article>
751
752        <!-- Right Sidebar -->
753        <aside class="sidebar-right">
754            <div class="card">
755                <div class="card-header">
756                    <h3>Marktkurse</h3>
757                </div>
758                <div class="card-body">
759                    <div class="chart-box">
760                        <img src="https://charts.gold.de/s/goldkurs_6monate_euro.jpg" alt="Gold">
761                    </div>
762                    <div class="chart-box">
763                        <img src="https://charts.gold.de/s/silberkurs_6monate_euro.jpg" alt="Silber">
764                    </div>
765                    <div class="chart-box">
766                        <img src="https://charts.gold.de/s/platinkurs_6monate_euro.jpg" alt="Platin">
767                    </div>
768                    <div class="chart-box">
769                        <img src="https://charts.gold.de/s/palladiumkurs_6monate_euro.jpg" alt="Palladium">
770                    </div>
771                </div>
772            </div>
773        </aside>
774
775    </main>
776
777    <!-- FOOTER -->
778    <footer class="site-footer">
779        <div class="container footer-grid">
780            <div>&copy; 2026 goldpreis-in-gramm.de - Alle Angaben ohne Gewähr.</div>
781            <div class="footer-links">
782                <a href="impressum.htm">Impressum</a>
783                <a href="impressum.htm">Datenschutz</a>
784            </div>
785        </div>
786    </footer>
787
788</body>
789
790</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.