@font-face {
  font-family: "julius";
  src: url("./JuliusSansOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "optima";
  src: url("./Optima.ttf") format("truetype");
}
html, body {
  font-family: "optima", sans-serif;
  line-height: 3ex;
  margin: 0;
}

header {
/*  background-image:url('./img/IMG_20240311_105519_2.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100vw; */
  color: #0b5c4d;
  padding: 25px;
}
header p {
  text-align: center;
  margin: auto;
  font-size: clamp(12pt, 1.3vw, 16pt);
}

.divider {
  background: linear-gradient(90deg, #79c393, #74975a, #a9c393);
  height: 2px;
  margin: 20px auto 20px auto;
  text-align: center;
  width: 95%;
}

h1 {
  font-family: "julius", serif;
  font-size: clamp(24pt, 4vw, 50pt);
  margin-top: 5px;
  text-align: center;
  font-weight: normal;
}

h2 {
  font-family: "julius", serif;
  color: #0b5c4d;
  font-weight: normal;
}

.whitebg {
  overflow: hidden;
  background-color: white;
  padding: 15px;
  /*  padding-left: 15vw;
    padding-right: 15vw;*/
  margin: auto;
  clear: left;
}

.lightbg {
  overflow: hidden;
  background-color: #dedede;
  padding: 15px;
  /*  padding-left: 15vw;
    padding-right: 15vw;*/
  margin: auto;
  clear: left;
}

/* Text-Image-Blocks */
.left, .right {
  height: auto;
  padding: 0px;
  margin: auto;
}
.left h2, .right h2 {
  padding-left: 30px;
  padding-bottom: 0px;
}
.left img, .right img {
  max-width: 99%;
  /*min-width: 10%;*/
  height: auto;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

/* slick slider */
.slider {
  width: 90%;
  margin: 0px auto;
}
.slider img {
  max-height: 400px;
  max-width: 28vw;
}
.slider p {
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 15px;
}

.slick-slide {
  margin: 10px;
}
.slick-slide img {
  /*width: 100%;*/
}

.slick-dots li button:before {
  color: black;
  line-height: 0;
}

.slick-prev:before {
  content: "<";
  font-family: julius;
  color: black;
  font-size: 30px;
}

.slick-next:before {
  content: ">";
  font-family: julius;
  color: black;
  font-size: 30px;
}

a:link {
  color: #287f50;
  border-bottom: 1px #287f50 dotted;
  text-decoration: none;
}

a:visited {
  color: #287f50;
}

a:hover {
  color: #287f50;
  padding: 5px;
  margin: 0px;
  border: 1px #287f50 dotted;
}

footer {
  background-color: #333; /*#e9e0d6;*/
  color: #ddd;
  padding: 15px;
  display: block;
  font-family: "julius";
  font-size: medium; /*x-large*/
  text-align: center;
  line-height: 1.6;
}
footer a:link {
  color: #ddd;
}
footer a:hover {
  color: #000;
  background-color: #f3f3f3;
  padding: 10px;
/*  margin: -20px;*/
}
footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer ul li {
  display: inline;
  padding: 10px;
}

/* media design */
@media only screen and (max-width: 799px) {
  .whitebg .lightbg {
    padding-left: 15px;
    padding-right: 15px;
  }
  .slider img {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 800px) {
  .left {
    padding: 0px;
    width: 32vw;
    float: left;
  }
  .right {
    padding: 0px;
    width: 32vw;
    float: right;
  }
  .whitebg {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .lightbg {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  h1 {
    margin-top: 35px;
  }
  /*  .slider {
      img {
        max-height: 50vh;
      }
    }*/
}
/*  */

/*# sourceMappingURL=style.css.map */