.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 100,
    'GRAD' 0,
    'opsz' 20
  }
  
  .custom-card {
      border: none;              /* Kein Rahmen */
      border-radius: 10px;       /* Abgerundete Ecken, 10px Radius */
      overflow: hidden;          /* Stellt sicher, dass Kinder-Elemente (z.B. Bilder) auch abgerundete Ecken haben */
      transition: box-shadow 0.3s; /* Optional: Glatter Übergang beim Hinzufügen eines Schattens beim Überfahren mit der Maus */
  }
  
  /* Optional: Fügt beim Überfahren mit der Maus einen leichten Schatten hinzu */
  .custom-card:hover {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
      position: relative;
      width: 100%;
      padding-right: 5px;
      padding-left: 5px;
  }
  
  h2 {margin-top:10px}
  
  .h6, h6 {
      font-size: 1rem;
      padding-left: 7px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }
  
  .smallfont{
      font-size: 0.75em;
  }
  
  .rowcontent {
      margin: 0.1rem;
  }
  
  .card-body {
  
      padding: 0.5rem;
  }
  
  .card-footer {
      padding: 0rem 0rem;
  }
  
  
  body {
      background-color: #D4D4D4;
  }
  
  .nopadding {
      padding: 0;
      
  }
  
  .navbar {
      background-color: #000;
  }
  
  .nav {
	  margin-left:-15px !important;
  }
  
  .nav-link {
  font-size: 1rem; padding:.5rem .8rem !important;
  background-color: #0d5d82 !important;
  color: #fff !important;
}

  .nav-link:hover {
  background-color: #0c6a93 !important;
  color: #fff !important;
}

  .reg-link {
  background-color: #000 !important;
  color: #fff !important;
  padding-right: .5rem;
   padding-left: .5rem;
}

@media only screen and (max-width: 430px) {
	h2 {font-size: 1.3rem;margin-left:5px}
	.nav-link {font-size: .75rem; padding:.5rem .37rem !important}
	.smallfont {font-size: .9em}
	.card-title {font-size: 1.15rem}
}

.modal-backdrop.show {
    opacity: 0.9; /* Der Standardwert liegt bei etwa 0.5. Erhöhen Sie diesen Wert, um den Hintergrund dunkler zu machen. */
}

.btn-primary {
	background-color: #0d5d82 !important;
	text-align:center !important;
	text-decoration:none !important;
}
.btn-primary:hover {
	background-color: #0c6a93 !important;
}

.page-item.active .page-link {
  background-color: #0d5d82 !important;
  border-color: #0d5d82 !important;
}

.page-link {
  color: #9B9A9A !important;
}