.card {
  background: #5A0B16;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
  transition: transform 0.3s ease;
  margin: 20px 0;
  color:#D6CFC8;
}

.card-content {
  padding: 20px;
}

.card-effect:hover {
  transform: translateY(-6px);
}

.card h3 {
  color: #FFC72C;
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.card p {
  color: #F5F1EC;
  line-height: 1.6;
  margin-bottom: 16px;
}

.card-meta span {
  color: #D6CFC8;
  font-size: 0.9rem;
  margin-right: 12px;
}


.trust {
  background: #3E070F;
  padding: 80px 24px;
  text-align: center;
}

.trust p {
  color: #D6CFC8;
  max-width: 700px;
  margin: auto;
}


/* Table */
.erosity-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #5A0B16;
  border-radius: 14px;
  overflow: hidden;
}

.erosity-table thead {
  background: #3E070F;
}

.erosity-table th {
  color: #FFC72C;
  text-align: left;
  padding: 16px;
  font-weight: 600;
}

.erosity-table td {
  color: #F5F1EC;
  padding: 10px;
}

.erosity-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.04);
}


.btn-erosity{
        padding: 10px 20px;
    background: linear-gradient(135deg, #eace66 0%, #ff0000 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}
.btn-erosity:hover{
    box-shadow: inset 0px 0px 3px 1px #000000e3;
}
/*Dokuments*/
.dokumente-liste {

  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dokument-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #D6CFC8;
  text-decoration: none;
  padding: 12px;
  border-radius: 8px;
  background: rgba(255,255,255,0.05);
  transition: background 0.2s ease;
}
.dokument-link:hover {
  background: rgba(255,255,255,0.1);
}
.dokument-link .icon {
  font-size: 1.2rem;
  color: #FFC72C;
}

.dokument-item{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
        padding: 5px;
    border-bottom: 1px solid #730000;
}
.dokument-item:hover{
    background: rgba(255,255,255,0.1);
}
.dokument-title {
    max-width: 250px;
    font-size: 1rem;
    color: #FFC72C;
    /* min-width: 250px; */
    width: 100%;
}

/* Booking Card */
        .booking-card {
          margin-top: 40px;
            position: sticky;
            color: #D6CFC8;
            top: 130px;
            background: #5A0B16;
            padding: 15px;
            border-radius: 12px;
            /*box-shadow: 0 4px 16px rgba(0,0,0,0.15);*/
        }
        .booking-price {
            font-size: 32px;
            font-weight: bold;
            color: #FFC72C;
            margin-bottom: 5px;
        }
        .booking-price-label {
            color: #D6CFC8;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .btn-book-now {
            width: 100%;
            padding: 15px;
           /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: transform 0.2s;
            text-align: center;
            text-decoration: none;
            display: block;
        }
        .btn-book-now:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 199, 44, 0.4);
        }
        .btn-contact {
            width: 100%;
            padding: 12px;
            background: white;
            color: #FFC72C;
            border: 2px solid #FFC72C;
            border-radius: 8px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            margin-top: 10px;
            text-decoration: none;
            display: block;
            text-align: center;
        }
        .btn-contact:hover {
            background: #f0f4ff;
        }

/* Dein Kalender CSS */
        .buchung-kalender-wrapper {
            background: #f9f9f9;
            padding: 30px;
            border-radius: 12px;
            margin-bottom: 30px;
        }
        .btn-booknow {
            background: linear-gradient(135deg, #00aaff 0%, #009f13 100%);
            width: 100%;
            padding:  16px;
            color: white;
            border: none;
            border-radius: 8px;
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
            margin-top: 20px;
        }
        .kalender-info {
            background: #e7f3ff;
            padding:  15px;
            border-radius:  8px;
            margin-bottom: 20px;
            font-size: 14px;
            color: #004085;
        }
        .kalender-monate {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
          
        }
        .kalender-monat {
            background: #3c0404;
            padding: 15px;
            margin:10px;
            border-radius: 8px;
            box-shadow:  0 2px 8px rgba(0,0,0,0.1);
        }
        .kalender-monat-titel {
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 15px;
            
        }
        .kalender-tage-header {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 2px;
            margin-bottom:  5px;
        }
        .kalender-wochentag-klein {
            text-align: center;
            font-size: 12px;
            font-weight: 600;
       
            padding: 5px;
        }
        .kalender-tage-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 2px;
        }
        .kalender-tag-klein {
            color: #333;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f0f0f0;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s;
            border: 2px solid transparent;
            position: relative;
        }
        .kalender-tag-klein:hover:not(.blockiert):not(.anderer-monat) {
            background: #e0e0e0;
            transform: scale(1.05);
        }
        .kalender-tag-klein.anderer-monat {
            opacity: 0.3;
            cursor: default;
        }
        .kalender-tag-klein.heute {
            border-color: #ffc107;
            font-weight: 700;
        }
        .kalender-tag-klein.blockiert {
            background: #f8d7da;
            color: #721c24;
            cursor: not-allowed;
        }
        .kalender-tag-klein.blockiert::after {
            content: '';
            position: absolute;
            width: 100%;
            height:  2px;
            background: #dc3545;
            transform: rotate(-45deg);
        }
        .kalender-tag-klein.anreise {
            background: #28a745;
            color: white;
            font-weight: 700;
        }
        .kalender-tag-klein.abreise {
            background: #dc3545;
            color: white;
            font-weight: 700;
        }
        .kalender-tag-klein.zwischen {
            background: #cce5ff;
            color:  #004085;
        }

        /* Kalender Auswahl */
         .auswahl-info {
           
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
            
        }
        .auswahl-info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
        }
        .auswahl-info-item {
            text-align: center;
        }
        .auswahl-info-label {
            font-size: 12px;
           
            margin-bottom: 5px;
        }
        .auswahl-info-wert {
            font-size:  20px;
            font-weight:  700;
            
        }
        .btn-auswahl-reset {
            width: 100%;
            padding:  10px;
            background: #6c757d;
            color:  white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            margin-top: 15px;
        }
        .btn-auswahl-reset:hover {
            background: #5a6268;
        }