/* Farb- und Abstands-Feinschliff */
/* .card-img-top { object-fit: cover; height: 200px; }  */


.open-btn {
      position: fixed;
      top: 75px;
      right: 1px;
      background-color: #910189;
      color: #b1b1b1ff;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
      z-index: 9999;
      font-size:30px;
      font-weight:300;
      border-top-left-radius:10px;
      border-bottom-left-radius:10px;
    }

    .drawer {
      height: 100%;
      width: 0;
      position: fixed;
      top: 20px;
      right: 0;
      background-color: rgb(44, 44, 44);
      overflow-x: hidden;
      transition: width 0.3s ease;
      padding-top: 60px;
      z-index: 1001;
      opacity: 0.93;
    }

    .drawer a {
      display: block;
      padding: 12px 20px;
      text-decoration: none;
      font-size:17px;
      font-weight:300;
      color:#efefef;
    }

    .drawer a:hover {
      background-color: #575757;
    }

    .drawer.open {
      width: 400px;
    }

    .close-btn {
      position: absolute;
      top: 20px;
      left: 20px;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
    }

    /* Overlay für Klick außerhalb */
    .overlay {
      position: fixed;
      top: 50px;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      opacity: 0.9;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 999;
    }

    .overlay.show {
      opacity: 0.9;
      visibility: visible;
    }

    .a-row {
    border-top: 1px solid #141414;
    /*border-top: 1px solid;
    border-image: linear-gradient(to right,#600763,#111111) 1 0 0 0;  */
    }