/*!
 * Copyright 2023 business service camen Authors (https://bscit.ch/)
 */
 body {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

.text-amalfi {
  font-family: 'Amalfi Coast', sans-serif;
}

/* ////////////// TINYMCE ////////////// */
.table-center { display: block; margin: 0 auto; }
.text-full { text-align: justify !important; }
.content-full { display: block; margin: 0 auto; }
.tablerow1 { background-color: #D3D3D3; }
.content-center { display: block; margin-left: auto; margin-right: auto; }
/* ////////////// END TINYMCE ////////////// */

.bg-body-15 {
  background-color:rgba(165,136,68,0.15);
}
.bg-body-25 {
  background-color:rgba(165,136,68,0.25);
}
.bg-body-35 {
  background-color:rgba(165,136,68,0.35);
}
.bg-body-45 {
  background-color:rgba(165,136,68,0.45);
}
.bg-body-5 {
  background-color:rgba(165,136,68,0.5);
}

.bg-header-15 {
  /*background-color:rgba(175,135,0,0.15);*/
  background-color: #f3edd9 !important;
}
.bg-header-35 {
  background-color: #e3d5a6 !important;;
}
.bg-header-5 {
  background-color: #d7c37f !important;
}
.bg-header-75 {
  background-color: #c3a540 !important;
}

.bg-nav {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(211,228,224,1) 25%, rgba(211,228,224,1) 75%, rgba(255,255,255,1) 98%);
}

.shadow-header {
  box-shadow: 0 0.215rem 0.5rem rgba(206, 206, 206, 125) !important;
}

.border-gold {
  border-color: #a69464 !important;
}

.modal-backdrop {
   background-color: #e2d4a2;
}

.modal-content{
  border:#a69464 3px solid;
}

.btn-close-yellow {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.bg-gold-light {
  background-color: #e2d4a2 !important;
}

.bg-gold {
  background-color: #a69464 !important;
}

#top {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 0px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #e2d4a2;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

#top:hover {
  background-color: #fbebb6;
}

.text-gold {
  color: #a69464 !important;
}

@media (max-width: 991.98px) {
.mb-md-5 {
  margin-bottom: 3rem !important;
}
}

@media (min-width: 991.98px) {
.mb-md-5 {
  margin-bottom: 0.25rem !important;
}
}

@media (min-width: 768px) {
.w-md-100 {width: 100% !important;}
}

@media (max-width: 767.98px) {
.nav-sm-none {display:none;}
}

/* Panorama */
.image-collage {position: relative;	text-align: center;}

.image-collage img{width:100%}

.img-collage-mobil{display:none}

@media (max-width:420px){
.img-collage-mobil {display:block}
.img-collage-desk {display:none}

.collage-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
}

.collage-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.overlay {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:.4;
}

/* 
.modal-dialog {
   position:fixed;
  top:auto;
   right:auto;
   left:auto;
   bottom:0;
} 
*/

.bg-line17 { 
  background-image: linear-gradient(180deg, #ffffff 47.22%, #dedede 47.22%, #dedede 50%, #ffffff 50%, #ffffff 97.22%, #dedede 97.22%, #dedede 100%);
  background-size: 36.00px 36.00px;
}

.hr-divider {
  margin: 1.5rem 0; /* Space out the Bootstrap <hr> more */
}

/* margin top */
.mt-64 {
    margin-top: 4rem !important;
}

/* character spacing */
@media (max-width:619px){
.ls { 
  letter-spacing: 4px;
  font-family:Comfortaa;
}
}

@media (min-width:620px){
.text-ls { 
  letter-spacing: 5px;
  font-family:Comfortaa;
}
}

/*Tooltip*/
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background-color: #000080;
  /*box-shadow: 0px 0px 4px black;*/
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #000080 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
 border-left-color: #000080 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
 border-bottom-color: #000080 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
 border-top-color: #000080 !important;
}

/*carousel height*/
.carousel-inner-mh {
  min-height: 350px !important;
}

.carousel-item-mh {
  max-height: 300px !important;
}

.carousel-fade .carousel-inner .item {
  transition-duration: 4s;
  transition-timing-function:linear;
}