/*style.css*/

body {
    padding-top: 135px; /* Adjust based on the height of your header */
}

/*darkmode*/
body.dark-mode, #after-body.dark-mode, #after-body.dark-mode * {
    background-color: #121212 !important;
    color: lightgrey !important;
  }
.darkModeIcon {
    color: #e95452;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 1); /* Dunkler Schatten */
}

/*for bees*/
.important {
    display: none;
    }
#important {
    display: none;
    }  

/* Cookie-Banner-Styling */
.cookie-banner-content {
    background-color: rgba(33, 37, 41, 0.9); 
    color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    max-width: 600px; 
    margin: auto; 
  }  
  .cookie-options {
    display: flex;
    flex-direction: column; 
    margin-bottom: 15px;
  }  
  .cookie-option {
    margin-bottom: 10px;
  }  
  .cookie-banner-actions {
    display: flex;
    justify-content: center; 
    gap: 20px; 
  }  
  .cookie-banner-actions .btn {
    background-color: #4CAF50; 
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
  }  
  .cookie-banner-actions .btn:hover {
    background-color: #45a049; 
  }
  #cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050; 
    display: flex;
    justify-content: center; 
    padding: 20px 10px; 
  }
  #cookie-banner {
    position: fixed;
    bottom: 10%;
    width: 100%;
    z-index: 1000; 
  }

/* Header Styling */
.header-top {
    padding: 10px 0;
    background-color: white;
    }
/*Footer Styling */


/* Navbar Styling */
.navbar-custom {
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
}
.navbar-custom .navbar-brand {
    color: lightcoral;
}
.navbar-custom .navbar-nav .nav-link {
    color: lightcoral;
}
.navbar-custom .navbar-nav .nav-link:hover {
    color: #23adb2;
}
.navbar-custom .form-check-label {
    color: lightcoral;
}
.navbar-custom .form-check-input:checked {
    background-color: lightcoral;
    border-color: lightcoral;
}
.img-language{
  height: 0.8rem;
  width: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
  color: lightcoral;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: lightcoral;
}
.h1-header {
  font-weight: bold;
  color: lightcoral;
  background: linear-gradient(45deg, lightcoral, #ff8787, lightcoral);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 
      1px 1px 1px rgba(251, 180, 180, 0.6),    
      -1px -1px 1px rgba(255, 230, 230, 0.50),  
      1px 2px 2px rgba(80, 47, 47, 0.6);    
}

#productContainer .btn {
  width: 100%; 
  margin-bottom: 10px; 
}
#datepicker {
  display: flex;
  justify-content: center;
}
.available-day a {
  border: 2px solid lightcoral !important;
  color: black !important;
  background-color: white !important; 
}

.ui-state-active,
.ui-state-highlight,
.ui-state-active a,
.ui-state-highlight a {
  background-color: lightcoral !important;
  border-color: lightcoral !important; 
  color: white !important; 
}

.ui-datepicker td a:not(.ui-state-active):not(.ui-state-highlight) {
  background-color: white !important; 
  color: black !important; 
  border-color: lightcoral !important; 
}

.ui-datepicker td a:focus,
.ui-datepicker td a:hover {
  background-color: lightcoral !important;
  color: white !important;
  border-color: lightcoral !important; 
}

p {
  color: lightseagreen;
}
/*footer-sozialmedia-link-styling*/
.img-social{
    margin-right: 10px;
    color: #e95452;
    font-size: 3em; 
  }
  @media (max-width: 768px) {
    .img-social i {
        font-size: 2em; 
    }
  }

  /* Customize the navbar for small screens */
  @media (max-width: 990px) {
    .navbar-toggler {
        margin-left: auto;
    }
    
}
.link-footer{
  color: #e95452;
}

/* Button Color */
.btn-primary {
  background-color: #23adb2;
  border-color: #23adb2;
  color: black;
}
.btn-primary:hover {
  background-color: #188a8e;
  border-color: #188a8e;
  color: black;
}

/* Checkbox Styling */
.form-check-input:checked {
  background-color: red;
  border-color: red;
}
.form-check-input:focus {
  border-color: r;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 0, 0.25);
}

/* Form Layout*/
.form {
  background-color: lightgray;
  margin-left: 0;
  padding-top: 2em;
  padding-bottom: 2em;
}
.link-form{
  color: lightcoral;;
}
.payout-form, .client-form, .editUser-form, .newUser-form, .editUserForm-form, .allTours-form, .affiliate-form  {
  background-color: lightgray;
  padding-top: 1em;
  padding-bottom: 2em;
  padding-left: 2em;  
  padding-right: 2em;
} 

.fa-question-circle {
  cursor: pointer;
}
.contact {
  text-decoration: none;
  color: lightcoral;
}
.change-booking {
  border-color: #23adb2;
  color: #23adb2;
}

/* Hover-Effekt */
.change-booking:hover {
  background-color: #188a8e;
  color: #ffffff;
  border-color: #188a8e;
}