.contact-buttons {
      position: fixed;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 1000;
    }

    .contact-buttons .btn {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-decoration: none;
      font-size: 22px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.25);
      transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .contact-buttons .btn:hover {
      transform: scale(1.1);
      opacity: 0.9;
    }

    /* Farben */
    .phone { background: #0b35ae; }
    .mail { background: #fabb43; }
    .whatsapp { background: #25d366; }
        
    @media (max-width: 768px) {
      .contact-buttons {
        left: 0;
        right: 0;
        bottom: 20px;
        top: auto;
        transform: none;
        justify-content: center;
        flex-direction: row;
      }
    }
        
    .contact-buttons {
      animation: slideIn 0.6s ease;
    }
        
    .share-wrapper {
      position: relative;
    }
    
    .share-menu {
      position: absolute;
      right: 60px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      gap: 10px;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .share-wrapper:hover .share-menu,
    .share-wrapper:focus-within .share-menu {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(-50%) translateX(-10px);
    }

    /* Farben */
    .share { background: #6c757d; }
    .facebook1 { background: #1877f2; }
    .instagram {
      background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf) !important;
    }
    .youtube { background: #ff0000; }
       
    @media (max-width: 768px) {
      .share-menu {
        right: 50%;
        top: auto;
        bottom: 70px;
        transform: translateX(50%);
        flex-direction: row;
      }

      .share-wrapper:hover .share-menu,
      .share-wrapper:focus-within .share-menu {
        transform: translateX(50%) translateY(-10px);
      }
    }
        
    /* Standard: Desktop */
    .phone-desktop { display: block !important; }
    .phone-mobile  { display: none !important; }

    /* Details hübsch machen */
    .reveal {
      position: relative;
    }

    .reveal > summary {
      list-style: none;
      cursor: pointer;
    }
    .reveal > summary::-webkit-details-marker {
      display: none;
    }

    /* Box mit Nummer */
    .reveal-box {
      position: absolute;
      right: 60px;
      top: 50%;
      transform: translateY(-50%);
      background: #111;
      color: #fff;
      padding: 10px 12px;
      border-radius: 10px;
      white-space: nowrap;
      box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    }

    /* nur sichtbar, wenn geöffnet */
    .reveal:not([open]) .reveal-box {
      display: none;
    }

    /* Mobile: nur tel:-Link zeigen */
    @media (max-width: 768px) {
      .phone-mobile { display: flex !important; }
      .phone-desktop { display: none !important; }
    }
        
    @keyframes slideIn {
      from { right: -80px; }
      to { right: 20px; }
    }