@charset "UTF-8";
/* CSS Backend */

body {
      margin: 0; padding-top: 100px; /* Platz fĆ¼r die fixe Navibar */
      background-color: #e0e0e0;
    }
    
/* Navigation */   
.top-nav {
      background-color: #c90258;
      position: fixed;
      top: 0;
      width: 100%;
      height: 100px;
      z-index: 1000;
      color: #fff;
      padding-top: 15px; padding-bottom: 15px;
    }
.toplinks {
    text-align: right;
}
.toplinks a {color: #ffffff;}
.toplinks a:hover {color: #cccccc; }
.submenu a {color: #c90258; }
.submenu a:hover {color: #6e001b; }
.navilogo {
  height: 70px;
  width: auto;
}
    
/* Content */
    .content {
      background-color: #ffffff;
    }
    h1.tabhead {font-size: 1.8rem;}
    h2 {font-size: 1.4rem;}
    
/* Formulare */
.btnpad {padding-top: 2em;}

/* Drop-Area f¸«är Bildupload */
.drop-area {
  border: 2px dashed #ccc;
  border-radius: 6px;
  padding: 20px;
  text-align: center;
  color: #888;
  cursor: pointer;
  transition: border-color 0.3s ease;
  position: relative;
}
.drop-area:hover {
  border-color: #999;
}
.drop-area.dragover {
  border-color: #333;
  background-color: #f8f8f8;
}
.drop-area .button {
  margin-top: 10px;
}
.preview {
  margin-top: 15px;
}
.preview img {
  max-height: 150px;
  border: 1px solid #ccc;
  object-fit: contain;
}


    
/* Slider */
input[type="range"] {
    width: 100%;
    appearance: none;
    background: linear-gradient(to right, #0078D7 0%, #0078D7 0%, #ccc 0%, #ccc 100%);
    height: 6px;
    border-radius: 3px;
    outline: none;
}

input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #0078D7;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -5px;
}

input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #0078D7;
    border-radius: 50%;
    cursor: pointer;
}

input[type="range"]::-ms-thumb {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #0078D7;
    border-radius: 50%;
    cursor: pointer;
}

/* Tabellen */
/* Farbige Zeilen ¸«äberschreiben Zebra-Streifen und Hover-Effekt */
tr.projektleer,
tr.projektleer:nth-child(even),
tr.projektleer:nth-child(odd),
tr.ausgeblendet,
tr.ausgeblendet:nth-child(even),
tr.ausgeblendet:nth-child(odd) {
  background-color: #c49bac !important;
  border-bottom: 1px solid #C90258;
  color: #000;
}

tr.ausgeblendet,
tr.ausgeblendet:nth-child(even),
tr.ausgeblendet:nth-child(odd) {
  background-color: #d86595 !important;
  color: #000;
}

/* Kein Hover-Effekt f¸«är farbige Zeilen */
tr.projektleer:hover,
tr.ausgeblendet:hover {
  background-color: inherit !important;
}

/* Optional: Pointer-Cursor nur bei klickbaren Zeilen */
tr:not(.projektleer):not(.ausgeblendet):hover {
  cursor: pointer;
}
    
/* Footer */