/* CSS für die UI Container die der AI Assistant anzeigt, bspw. Kontakt  */

:root {

  --custom_font: Helvetica,Arial,sans-serif;       /* Font für alle Texte */
  --custom_font_size: 1em;
  --custom_font_size_btn: 1em;

  --custom_btn_radius:3px;
  --custom_btn_padding: 8px 0px 6px 0px;
  --custom_btn_margin: 0px 0px 6px 0px;

/*  Colors  */
  --custom_col_light: 255,255,255;      
  --custom_col_dark: 55, 55, 55;       
  --custom_col_hover: 90, 90, 90;       
  --custom_col_hover_txt: var(--custom_col_light);      
  
/*  Light Mode 

  --custom_bg: var(--custom_col_light);
  --custom_text: var(--custom_col_dark);
  --custom_col_btn: var(--custom_col_dark);      
  --custom_col_btn_hover: var(--custom_col_hover);      
  --custom_col_btn_hover_txt: var(--custom_col_light);      
  */

/*  Dark Mode */

  --custom_bg: var(--custom_col_dark);
  --custom_text: var(--custom_col_light);
  --custom_col_btn: var(--custom_col_light);      
  --custom_col_btn_hover: var(--custom_col_hover);      
  --custom_col_btn_hover_txt: var(--custom_col_light);      


}

.custom_booking_btn {
  display: inline-flex;              /* sichert vertikale/horizontale Zentrierung */
  
  align-items: center;
  justify-content: center;

  margin: var(--custom_btn_margin);
  padding: var(--custom_btn_padding);
  box-sizing: border-box;            /* Padding zählt IN die Breite */
  max-width: 100%;                   /* nie breiter als Parent */
  white-space: nowrap;               /* keine zweite Zeile */

  border-radius: 3px;
  border: none;

  font: var(--custom_font_size_btn) var(--custom_font);
  color: rgba(var(--custom_col_light), 1);

  cursor: pointer;
  transition: all 0.2s ease;
}

.camp{
  background-color: #b19e60;
}

.camp:hover{
  background-color: #7b6f43;
}
.room{
  background-color: #125c34;
}

.room:hover{
  background-color: #209a59;
}



@media only screen and (max-width: 500px) {
 


}