/* --------------------
   -------------------- Reset -------------------- */
   * { margin: 0; outline: none; }
   body{overflow-x:hidden;}
   header, nav, section, article, aside, footer { display: block; }
   body, p, pre, caption, h1, h2, h3, h4, h5, h6, form, div, fieldset, legend { padding: 0; }
   
   html { width: 100%; height: 100%; }
   body { position: relative; min-height: 100%; height: auto; width: 100%; max-width: 100%; overflow-x: hidden; font: 400 18px sans-serif; color: #202020; background: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; }
   img, fieldset { border: 0; }
   
   input, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:0;  border-radius:0; -webkit-appearance: checkbox;}
   input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }
   input[type="text"], input[type="password"], button, textarea { -webkit-appearance: none; }
   
   a{text-decoration: none !important;}
   a[href^="tel:"] { text-decoration: none !important; }
   a, button, span,input[type="submit"] { text-decoration: none; -webkit-transition: color 400ms, background 400ms, border 400ms, opacity 400ms; -moz-transition: color 400ms, background 400ms, border 400ms, opacity 400ms; transition: color 400ms, background 400ms, border 400ms, opacity 400ms; }
   ul{list-style:none; margin:auto;}
   a:focus{outline:none;}
   
   .p-contact_form input,
   .p-contact_form textarea {
       background-color: transparent; /* oder 'black', falls der Hintergrund schwarz bleiben soll */
       color: white;
       border: 1px solid #ccc;
       padding: 10px;
       width: 100%;
       margin-bottom: 15px;
       font-size: 14px;
   }
   .p-contact_form input::placeholder,
   .p-contact_form textarea::placeholder {
       color: #aaa;
   }
   
   select {
      background-color: transparent;
      color: white;
      border: 1px solid #ccc;
      padding: 10px;
      font-size: 14px;
      width: 100%;
      margin-bottom: 15px;
      appearance: none; /* Entfernt das standardmäßige Styling */
   }
   
   select option {
      color: black; /* Textfarbe der Dropdown-Optionen */
   }
   
   select:focus {
      outline: none; /* Entfernt den Fokus-Rahmen */
      border-color: #1db9df; /* Türkisfarbener Rand beim Fokus */
   }
   
   
   .checkbox-label {
      display: float; /* Checkbox und Text in einer Zeile */
      align-items: center; /* Vertikale Zentrierung */
      gap: 8px; /* Platz zwischen Checkbox und Text */
      margin: 0; /* Entferne äußere Abstände */
      width: auto; /* Breite automatisch anpassen */
   }
   
   .checkbox-label input[type="checkbox"] {
      margin: 0; /* Entferne unnötige Abstände */
      vertical-align: middle; /* Zentriere die Checkbox */
   }