.btn-primary {
  background-color: #0f775c;
  border-color: #0f775c;
}
body {
  background-color:#fff;
   /* background-color: rgba(255,0,0,0.2);*/
}
a {
  color: #0f775c;
 }
 .wichtig_istdochnichtsowichtig {
  width: 2em;
  height: 2em;
 }
 .info{
  margin-left:3em;
 }
.bg-dark {
    background-color: #0f775c!important;
}
.gesperrt{
  text-decoration: underline overline line-through;
  color:red;
}
footer {
	margin-top:30px;
}
.hiddenRow {
    padding: 0 !important;
}
.fett{
  font-size: larger;
  font-weight: bolder;
}
.fetter{
  font-size:   xx-large;
  font-weight: bolder;
}
.hinweis{
  font-size: 5rem;
  font-weight: bolder;
  margin-left: 2rem;
}
.form-check-label {
  margin-bottom: 0;
  margin: 0;
  padding: 0;
}
/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.fas  {font-size: 1.4em; }

#loadingBarContainer {
  width: 100%;
  margin-top: 7px;
}

#loadingBar {
  width: 0%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}
/* bescheide*/

/* style.css */

/* --- Grundlegende Stil für das Navigationssymbol --- */
.new-entries-link {
    position: relative;
    display: inline-block; /* Wichtig: Macht die Links zu Inline-Blöcken */
    padding: 10px;
    color: rgba(255,255,255,.5);
    text-decoration: none;
    margin-right: 15px; /* Fügt etwas Abstand zwischen den Icons hinzu */
    vertical-align: middle; /* Stellt sicher, dass die Icons auf einer Linie sind */
}
.new-entries-link :hover {
    
    color: rgba(255,255,255,.8);

}



.new-entries-link i {
    font-size: 24px;
}

/* --- Stil für das Benachrichtigungsabzeichen (die Zahl im Kreis) --- */
.notification-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    color: red;
    border-radius: 50%;
    padding: 3px 7px;
    font-size: 12px;
    min-width: 10px;
    text-align: center;
    line-height: 1;
    transform: translate(50%, -50%);
    display: none;
}

/* --- Navigation & Listenpunkte entfernen --- */
nav ul {
    list-style: none; /* Entfernt die Listenpunkte */
    margin: 0;
    padding: 0;
    display: flex; /* Nutzt Flexbox, um Elemente nebeneinander anzuordnen */
    align-items: center; /* Zentriert die Elemente vertikal in der Navigation */
}



/* Filter  */
#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
   /* font-size: 18px;Increase font-size */
}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 5px; /* Add padding */
}

#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

/* ende Filter  */


.radio-inline {
    margin-right: 20px;
}


.collapse-row.collapsed + tr {
  display: none;
}



.empty {
  font-style: italic;
}
.preview-container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  overflow: hidden;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   @media print {
       .keindruck {display:none;}
       .fett{ font-size: xx-large;}
       table {margin-bottom:2rem;}
       h3 {margin-top: 10px;}
       .navbar {display:none;}
   }



   @media only screen and (max-width: 800px) {
    #myTable th, #myTable td {
      text-align: left; /* Left-align text */
      padding: 1px; /* Add padding */
      font-size: 12px;
    }
    .fas  {font-size: 1.4em; padding-left:0.3rem}
  }
  div.wrapper {
    padding: 20px;
    display: block;
    overflow: auto;
  }
  table.scroll {
    width: 100%;
   
  }
  table.scroll thead {
    width: 100%;
    
  }
  table.scroll thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
  }
  table.scroll thead th {
    flex: 1 auto;
    display: block;
    
  }
  table.scroll tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 800px;
  }
  table.scroll thead tr,
  table.scroll tbody tr {
    display: flex;
  }
  table.scroll tbody tr td {
    flex: 1 auto;
    word-wrap: break;
  }
  table.scroll thead tr th,
  table.scroll tbody tr td {
    width: 25%;
    padding: 5px;
    text-align:left;
    border-bottom: 1px solid #eee;
  }