/* ===========================
   Datenschutz / Impressum Seiten
   =========================== */

/* ---------- Fonts ---------- */
@font-face {
    font-family: 'ZT Nature';
    src: url('../Fonts/ZTNature-ExtraBold.woff2') format('woff2'),
         url('../Fonts/ZTNature-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Radlush';
    src: url('../Fonts/Radlush-ExtraBold.ttf') format('truetype');
    font-weight: 800;
  }
  
  @font-face {
    font-family: 'Radlush';
    src: url('../Fonts/Radlush-SemiBold.ttf') format('truetype');
    font-weight: 600;
  }
  
/* --------------------------
   Body / Page
   -------------------------- */
   body.privacy-page,
   body.impressum-page {
     background-color: #cfd3d1;
     color: black;
     font-family: 'ZT Nature', serif;
     line-height: 1.6;
     margin: 0;
     padding: 0;
     height: 100vh;          /* volle Höhe */
     display: flex;
     flex-direction: column;
   }
   
   /* --------------------------
      Scrollbarer Container
      -------------------------- */
   .privacy-scroll-container {
     flex: 1;               /* füllt restliche Höhe */
     overflow-y: auto;      /* Scroll nur hier */
     -webkit-overflow-scrolling: touch; /* Smooth Scroll auf Trackpad/iOS */
     padding: 50px 20px;    /* Innenabstand wie bei content-container */
   }
   
   /* Scrollbar Styling (dünn & elegant) */
   .privacy-scroll-container::-webkit-scrollbar {
     width: 6px;
   }
   
   .privacy-scroll-container::-webkit-scrollbar-track {
     background: transparent;
   }
   
   .privacy-scroll-container::-webkit-scrollbar-thumb {
     background-color: rgba(0,0,0,0.45);
     border-radius: 10px;
   }
   
   .privacy-scroll-container::-webkit-scrollbar-thumb:hover {
     background-color: rgba(0,0,0,0.7);
   }
   
   /* --------------------------
      Content Container
      -------------------------- */
   .content-container {
     max-width: 900px;
     margin: 0 auto;       /* zentriert */
     background-color: #cfd3d1;
   }
   
  /* --------------------------
   Überschriften
   -------------------------- */
.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4 {
  font-family: 'ZT Nature', serif;
  font-weight: 800;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Paragraphen und Listen: normale Schrift */
.content-container p,
.content-container ul,
.content-container li {
  font-family: Arial, sans-serif;  /* SYSTEMSCHRIFT */
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 10px;
}

.content-container ul {
  padding-left: 20px;
}
   
   /* Links */
   .content-container a {
     color: black;
     text-decoration: underline;
   }
   
   .content-container a:hover {
     color: #444;
   }
   
   /* --------------------------
      Top Navigation
      -------------------------- */
   .top-nav {
     position: fixed;
     top: 20px;
     right: 35px;
     display: flex;
     gap: 15px;
     font-family: 'Radlush', sans-serif;
     font-weight: 400;
     font-size: 1em;
     z-index: 1000;
   }
   
   .top-nav-btn {
     cursor: pointer;
     color: black;
   }
   
   .top-nav-btn:hover {
     color: #444;
     transform: translateY(-1px);
   }
   
   /* Dropdown */
   .dropdown-btn {
     user-select: none;
   }
   
   .dropdown-content {
     display: none;
     position: absolute;
     right: 0;
     top: 120%;
     background-color: #cfd3d1;
     min-width: 150px;
     border: 1px solid black;
     z-index: 1000;
     font-family: 'Radlush', sans-serif;
     font-weight: 400;
   }
   
   .dropdown-content a {
     display: block;
     padding: 5px 10px;
     color: black;
     text-decoration: none !important;
     font-family: 'Radlush', sans-serif;
     font-weight: 400;
     transition: color 0.3s ease, transform 0.2s ease;
   }
   
   .dropdown-content a:hover {
     color: #444;
     transform: translateX(3px);
     background-color: transparent;
   }