AMDCK Doks.

- Moin: https://doks.krisu.eu/docs/%C3%BCbersicht/moin/
- Sicherheit für Eilige: https://doks.krisu.eu/docs/%C3%BCbersicht/sicherheit-f%C3%BCr-eilige/
- Inhalt: https://doks.krisu.eu/docs/internet-surfen/inhalt/
- Grundlagen: https://doks.krisu.eu/docs/internet-surfen/grundlagen/
- Installation: https://doks.krisu.eu/docs/internet-surfen/installation/
- Brave: https://doks.krisu.eu/docs/internet-surfen/installation/brave/
- Firefox: https://doks.krisu.eu/docs/internet-surfen/installation/firefox/
- Sicherheit: https://doks.krisu.eu/docs/internet-surfen/sicherheit/
- Brave: https://doks.krisu.eu/docs/internet-surfen/sicherheit/brave/
- Firefox: https://doks.krisu.eu/docs/internet-surfen/sicherheit/firefox/
- Suchen: https://doks.krisu.eu/docs/internet-surfen/suchen/
- DuckDuckGo: https://doks.krisu.eu/docs/internet-surfen/suchen/duckduckgo/
- Startpage: https://doks.krisu.eu/docs/internet-surfen/suchen/startpage/
- E-Mail-Anbieter: https://doks.krisu.eu/docs/e-mail-messenger/e-Mail-anbieter/
- Webbrowser: https://doks.krisu.eu/docs/handy-tablets/webbrowser/


<style>
  /* 1. Menüs und Standard-Footer komplett ausblenden */
  .book-menu, 
  .book-toc, 
  footer.book-footer { 
    display: none !important; 
  }
  
  /* 2. HIER BRECHEN WIR DIE LOKALEN 60rem/64rem AUF! */
  /* Wir zwingen die Seite auf eine moderne, breite Original-Optik (82rem) */
  .book-page { 
    margin: 0 auto !important; 
    max-width: 82rem !important; 
    width: 100% !important;
    text-align: left !important;
  }

  /* 3. Das 3-Spalten-Gitter bekommt in der neuen Breite richtig viel Platz */
  .book-page ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.75rem !important; /* Etwas mehr Abstand zwischen den breiten Boxen */
    padding: 0 !important;
    margin: 3.5rem 0 0 0 !important;
    list-style: none !important;
    align-items: flex-start !important;
  }

  /* 4. Die Kacheln werden jetzt automatisch breiter und flacher */
  .book-page ul li {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 1.75rem !important;
    border-radius: 0.25rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
    margin: 0 !important;
    text-align: left !important;
  }

  .book-page ul li h3 {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
    font-size: 1.25rem !important;
    color: #1a202c !important;
    font-weight: 600 !important;
  }

  .book-page ul li p {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    color: #4a5568 !important;
    margin: 0 !important;
  }

  /* 5. Überschriften und Texte im oberen Bereich anpassen */
  .book-page h1 {
    font-size: 2rem !important;
    margin-bottom: 1.5rem !important;
  }
  .book-page p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  /* Hilfsklassen */
  .anchor { display: none !important; }
  
  .custom-top-menu {
    text-align: right;
    margin-bottom: 1rem;
  }
  .custom-top-menu a {
    margin-left: 1.5rem;
    color: #007bff;
    text-decoration: none;
    font-size: 0.95rem;
  }
  .custom-top-menu a:hover { text-decoration: underline; }

  .custom-footer {
    text-align: center;
    margin-top: 5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
    font-size: 0.85rem;
    color: #718096;
  }

/* ======================================================= */
  /* MOBILE OPTIMIERUNG (Greift auf Smartphones)             */
  /* ======================================================= */
  @media screen and (max-width: 56rem) {
    
    /* 1. Den toten linken Hamburger-Menü-Button ausblenden */
    /* Da 'layout: landing' kein Menü lädt, löschen wir den Button auf der Startseite */
    .book-header .flex:first-child label {
      display: none !important;
    }

    /* Falls das Theme das Logo/Header zentrieren soll, wenn links nichts ist */
    .book-header .flex:first-child {
      visibility: hidden !important;
      width: 0 !important;
      max-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* 2. Das 3-Spalten-Gitter auf 1 Spalte umbrechen */
    .book-page ul {
      grid-template-columns: 1fr !important; /* Nur noch eine Box pro Zeile */
      margin: 2rem 0 0 0 !important;
      gap: 1.25rem !important;
    }

    /* 3. Abstände der Seite für Mobilgeräte optimieren */
    .book-page {
      padding: 1rem !important;
    }
    
    .book-page h1 {
      font-size: 1.75rem !important;
    }
  }
</style>

<div class="custom-top-menu">
  <a href="/docs/übersicht/moin/">Dokumentationen</a>
  <a href="mailto:support@doks.krisu.eu">Support</a>
</div>

# AMDCK Doks.

**Schön, dass du hier bist! Hier wird Digitales einfach.**

Diese Infoseite hilft dir dabei, sicher im Internet zu surfen, deine E-Mails und Programme richtig zu nutzen und deine Daten zu schützen.   
Klicke dich einfach durch die Bereiche. Viel Spaß :)  

<div style="background-color: #f4f6f8; border-left: 4px solid #007acc; padding: 15px; border-radius: 4px; margin-bottom: 25px; font-size: 0.95rem; color: #333;">
  📌 <strong>Schneller Zugriff gesucht?</strong><br>
  Speichere dir diese Dokumentation als <strong>Lesezeichen</strong> (<code>Strg + D</code>), um sie jederzeit parat zu haben. 
  <span class="mobile-only-app"><br>📱 <strong>Tipp für Smartphones:</strong> Du kannst diese Seite direkt als <strong>App installieren</strong>! Öffne einfach das Browser-Menü (Teilen-Symbol bei Safari / 3-Punkte-Menü bei Firefox & Brave) und wähle <em>"Zum Startbildschirm hinzufügen"</em> oder <em>"App installieren"</em>.</span>
</div>

<br>
{{< button href="/docs/übersicht/moin/" >}}Erkunden{{< /button >}} 
<span style="display: inline-block; width: 15px;"></span>
{{< button href="/docs/übersicht/sicherheit-für-eilige/" >}}Sicherheit für Eilige{{< /button >}}  

* ### Sichere Passwörter
  Nutze **niemals dasselbe** Passwort für verschiedene Seiten! Ein gutes Passwort ist wie ein Haustürschlüssel: Es sperrt nur eine Tür auf und muss lang genug sein.
Nutze am besten einen sicheren Passwortmanager, der merkt sich alles für dich.

* ### Vorsicht bei Fake-Mails (Phishing)
  Wenn eine E-Mail oder SMS Druck aufbaut (*„Sofort klicken!“*) oder Daten fordert: **Nichts anklicken!** Banken, Messenger, Paketdienste fragen niemals per Mail nach Passwörtern. Frag im Zweifel immer erst hier nach.

* ### Updates installieren
  Wenn dein Handy oder Laptop ein „Update“ anzeigt: Bitte zeitnah installieren! Updates sind wie Reparaturen am Haus – sie schließen Sicherheitslücken, damit **keine Viren oder Schadprogramme** hineinkommen.

* ### Datenschutz beachten
  Das Internet vergisst nichts. Verschicke **niemals sensible Daten** (wie Fotos von Ausweisen, Kreditkarten oder Passwörter) über normale E-Mails, Chats. Wenn du unsicher bist, frag kurz hier nach.

* ### Neustart
  Wenn ein Programm spinnt, der Bildschirm einfriert oder das Internet weg ist: Keine Panik. **Starte das Gerät einfach neu**. In den allermeisten Fällen sortiert sich der Computer dabei von selbst und der Fehler ist weg.

* ### Keine Angst vor Fehlern
  Du kannst ein PC/Handy **nicht durch bloßes Klicken** kaputtmachen. Wenn ein komisches Fenster auftaucht oder du nicht weiterweißt: Mach ein Foto mit dem Handy davon und schicke es an mich.

<div class="custom-footer">
  AMDCK Doks. - <a href="https://creativecommons.org/licenses/by/4.0/legalcode" target="_blank" style="color: inherit;">© CC BY 4.0</a>
</div>