/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

.montserrat-100 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

body {
  margin: 0;
  /*background: url(../assets/bg-03.jpg) fixed no-repeat bottom left,#f0f1e8 url(../assets/bg-02.png) fixed no-repeat top right;*/
  /*background-image: url(../assets/bg-03.jpg) fixed no-repeat cover;
    background-size: auto, auto;*/

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.h1-gold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #f0e68c;
}

.bg03X {
  /*background-image: url(../assets/bg-03.jpg);*/
  background-image: radial-gradient(
    circle farthest-corner at 3.7% 49.8%,
    rgb(143, 255, 236) 21.9%,
    rgb(209, 251, 244) 52.9%
  );
  background-repeat: no-repeat;
  background-size: cover;
}

.bg03 {
  /*background-image: url(../assets/bg-03.jpg);*/
  background-image: radial-gradient(
    circle farthest-corner at 3.7% 49.8%,
    rgb(245, 245, 220) 21.9%,
    rgb(248, 248, 255) 52.9%
  );
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  position: relative;
  min-height: 45vh;
  min-height: calc(140px + 6vw);
  width: 100%;
  overflow: hidden;
  background-color: #696969;
  /*background: #2e5803 url(../assets/casa.jpg) fixed no-repeat top right;*/
  background-size: auto;
  background-size: 100%;
  /*clip-path: url(//kilianvalkhof.com/wp-content/themes/kvsixteen/static/img/shapes.svg#header);*/
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 6vw));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 6vw));
  font-weight: 400;
  text-shadow: 0 0 4px #212220;
}

.doom {
  position: relative;
  height: 45vh;
  min-height: calc(140px + 6vw);
  width: 100%;
  overflow: hidden;
  background: #2e5803 url(../assets/casa.jpg) fixed no-repeat top right;
  background-size: auto;
  background-size: 100%;
  /*clip-path: url(//kilianvalkhof.com/wp-content/themes/kvsixteen/static/img/shapes.svg#header);*/
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 6vw));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 6vw));
  font-weight: 400;
  text-shadow: 0 0 4px #212220;
}

@media screen and (min-width: 62.5rem) {
  footer {
    background-size: auto;
  }
}

footer {
  padding-top: 5vh;
}

footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: auto;
  background-size: 100%;
  -webkit-clip-path: polygon(0 4vw, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 4vw, 100% 0, 100% 100%, 0 100%);
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 400;
  padding-bottom: 6rem;
}

.bg-darkgreen {
  background-color: #006400;
  color: white;
}

.bg-gold {
  background-color: #f0e68c;
}

.bg-darkolivegreen {
  background-color: #212529;
  color: white;
}

.bg-darkslategray {
  background-color: #2f4f4f;
  color: white;
}

/* icons */
.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

/* slider */

/* captcha */
.capbox {
  /*background-color: #000000;*/
  border: #afafaf 0px solid;
  /*border-width: 0px 12px 0px 0px;*/
  display: inline-block;
  /*display: inline;*/
  zoom: 1; /* FOR IE7-8 */
  padding: 4px 20px 4px 4px;
}

.capbox-inner {
  font: bold 11px arial, sans-serif;
  color: #000000;
  background-color: #afafaf;
  margin: 5px auto 0px auto;
  padding: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#CaptchaDiv {
  font: bold 17px verdana, arial, sans-serif;
  font-style: italic;
  color: #000000;
  background-color: #ffffff;
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#CaptchaInput {
  margin: 1px 0px 1px 0px;
  width: 105px;
  height: 20px;
}