/*FORM*/
#preview-container {
      position: relative;
      display: none;
      margin-top: 1rem;
      max-width: 200px;
    }
    #preview {
      width: 100%;
      height: auto;
      border-radius: 0.25rem;
    }
    #remove-btn {
      position: absolute;
      top: -10px;
      right: -10px;
      background-color: #dc3545;
      color: white;
      border: none;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      font-size: 16px;
      line-height: 1;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }


html, body {
  height: 100%;
  margin: 0;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* volledige hoogte */
}

main {
  flex: 1; /* neemt alle resterende ruimte */
}

.footer {
  background: #f3b8bb; /* voorbeeldkleur */
  color: #fff;
  text-align: center;
  padding: 1rem;
}

    /*MENU BADGE*/


.sitename {
  color: #fff; /* witte tekst */
}