@charset "UTF-8";
/*!
 * @project       Liederliste der EFG Düren Nord
 * @author        Friedhelm Meiser
 * @email         f.meiser@infokiste.de
 * @lastmodified  2024-03-08
 * @todo          --- 
***/

body {
  font-size: 20px !important;
}

.nav-link.active , .dropdown-item.active {
  color: black !important;
  margin : 0px !important;
  background-color: #9cc5f7 !important;
}
.nav-background-color {
    background-color: #c3daf6 !important;
    border-radius: 1rem;
    padding: 1rem;
}

.container {
  width: 60rem;
  border-radius: 1rem;
  margin: 1rem auto;
  border: 1px silver solid;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  padding: 1rem;
}

.f-footer {
  margin:3rem auto -.5rem ;
  text-align: center;
  height: 2rem;
  padding: 5px;
  border-radius: 1rem;
  background-color: #c3daf6 !important;
}

.f-red {
  color: red;
}
.f-green {
  color: green;
}
.f-blue {
  color: rgb(43, 43, 255);
}
.c-red {
  color: red;
  text-align: center;
}
.c-green {
  color: green;
  text-align: center;
}
.c-blue {
  color: rgb(43, 43, 255);
  text-align: center;
}
.f-left1 {
  padding-left: 1rem;
}

.f-left2 {
  padding-left: 2rem;
}

.b {
  font-weight:700;
}
  .active-page {
    font-weight: bold;
}
.c {
  text-align: center;
}
.r {
  text-align: right;
}
nav  {
  margin-bottom:1rem;
}
.p1 {
  margin-bottom:2rem;
}

/* Start einfaches CSS für das Popup */
  #popup {
      display: none;
      position: fixed;
      top: 20px;
      left: 20px;
      width: auto;
      padding: 10px;
      background-color: #f1f1f1;
      border: 1px solid #ccc;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      cursor: move;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      border-radius: 1rem;
}
    #popupContent {
      max-height: auto;
      overflow-y: auto;
    }
    #popupHeader {
      cursor: move;
      background-color: #ccc;
      padding: 10px;
      text-align: center;
      font-weight: bold;
    }
    #closeBtn {
      cursor: pointer;
      background-color: red;
      color: white;
      padding: 5px;
      border: none;
      position: absolute;
      top: 0;
      right: 0;
    }
/* Ende einfaches CSS für das Popup */