/*   
Theme Name: KraxWeb Custom
Theme URI: https://kraxweb.com
Description: Individuelles Template
Author: Bernd Krax
Author URI: http://kraxweb.com
*/



@charset "UTF-8";

 @font-face {
      font-family: 'Special Elite';
      font-style: normal;
      font-weight: 400;
      src: local('Special Elite'), local('Special-Elite'), 	url('res/fonts/SpecialElite-Regular.ttf') format('truetype');
    }

p, li{
	font-family: 'Arial';
    font-size: 19px;
}

h1, h2, h3, h4, .site-title a, .navbar-brand, .nav-link, .navbar-text{
 font-family: 'Special Elite' !important;
 color: #000 !important;
}

section{
    padding: 20px 0;
}

.has-text-align-center{
  text-align: center;
}
#main {
  background-image: url('res/img/fw22.jpg');

background-size: cover;
    background-position: left top;
    background-attachment: fixed;
padding: 60px 0;

  } 

  #header{
    padding-bottom:5px
  }

  #header .nav-link{
    font-size:19px;
    padding: 8px 16px
  }

  .navbar-brand{
    font-size: 35px;
    line-height:40px;
  }

  .btn-outline-primary{
    border-width:5px;
    font-family: 'Special Elite' !important;
    color:#000;
    font-size:19px;
    padding-top: 12px;
    background-color:#fff
  }
  
  .btn-outline-primary a{
    color:#000;
    text-decoration: none;
  }

  hr{
    padding: 30px 0;
    background: none;
  }

  /*

  .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    --gap: 15px;
    margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
    width: calc(100% + var(--gap) - 30);
    position: absolute;
    left: 15px;
    right: 15px;
  }
.wp-block-gallery .wp-block-image {
  height: 330px;
  flex-grow: 1;
  margin: var(--gap) 0 0 var(--gap);

}
.wp-block-gallery .wp-block-image  img {
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
  width:auto;
  height: auto;
}

.gallery-fw-placeholder{
  content: '';
  display:block;
}

*/    


    .img-fluid img{
  max-width:100%;
  height:auto
}

.kx-calendar{
  padding-bottom:10px;
}
.kx-calendar-table{
  width: 100%;
  text-align: center;
  table-layout: fixed;
}
.kx-calendar-table td, .kx-calendar-table th {
  border:2px solid transparent;
}

.kx-calendar-table td{
  position: relative;
  background-color: #eeeeee;
}
.kx-calendar-table td div{
  position: absolute;
  left: 20%;
  top:10%;
}

.kx-calendar-table td::after{
  content: "";
  display: block;
  padding-bottom: 100%;
}

.kx-calendar .free{
  background-color: #ddffcc;
}

.kx-calendar .booked{
  background-color: #ffc0bd;
}

.kx-calendar .coming{
  background: linear-gradient(135deg, #ddffcc 50%, #ffc0bd 50%);
}

.kx-calendar .going{
  background: linear-gradient(135deg, #ffc0bd 50%, #ddffcc 50%);
}

.kx-calendar #today{
  box-shadow: 0 0 0 4px #000 inset;
}

.legend{
  margin-top:4px
}
.legend-item{
  width: 49%;
  display: inline-flex;
	align-items: center;
  padding:2px 0 0 2px;
}
.legend-item div{
  display: inline-block;
  height:26px;
  width:26px;
  margin-right:10px;
}
.legend-item span{
  font-size: 16px;
  line-height:20px;
}


.carousel-inner{
  width:88%;
  margin-left:6%;
}

.carousel-control-next  {
  justify-content: right;
}

.carousel-control-prev  {
  justify-content: left;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-image: none;
  border: solid rgb(12,10.5,9);
  border-width: 0 6px 6px 0;
  display: inline-block;
  padding: 3px;
}

.carousel-control-next-icon  {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.carousel-control-prev-icon  {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}