/* HERO SECTION */
.hero-features {
  gap: var(--gap-normal);
}

.hero-feature {
  display: flex;
  align-items: center;
  font-family: var(--font-alaska);
  font-weight: var(--weight-medium);
}

.home-hero-slideshow {
  animation: home-hero-slideshow 30s infinite;
}

@keyframes home-hero-slideshow {
  0% { background-image: url("../images/home/img-homepage-hero-1.e0413fafc303.jpg"); }
  20% { background-image: url("../images/home/img-homepage-hero-2.d1eaeb0c7123.jpg"); }
  40% { background-image: url("../images/home/img-homepage-hero-3.ff9e361e1cac.jpg"); }
  60% { background-image: url("../images/home/img-homepage-hero-4.78a197a2aa5d.jpg"); }
  80% { background-image: url("../images/home/img-homepage-hero-5.1683a268294c.jpg"); }
  100% { background-image: url("../images/home/img-homepage-hero-1.e0413fafc303.jpg"); }
}


/* ADVANTAGES SECTION */
.section-advantages {
  background-color: var(--color-light-grey);
}

.section-advantages div:nth-child(2):not(.textbox) {
  padding: var(--padding-medium);
}

video {
  width: 100%;
  height: auto;
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-dark);
  margin-top: calc(var(--margin-large) + 0.4rem);
}

/* HOW IT WORKS SECTION */
.card-how {
  padding: var(--padding-card-content);
}

.card-how .card-content {
  padding: 0;
}

.card-how .card-description {
  margin-bottom: calc(var(--margin-small) * 2);
}

.card-how--image {
  height: 9rem;
  margin: var(--margin-small) 0 calc(var(--margin-small) * 2);
  background-size: contain;
}

.card-how--image-1 {
  background-image: url("../images/home/initial-assessment.04c6c226f53b.png");
}

.card-how--image-2 {
  background-image: url("../images/home/non-bidding-offer.6b526cbfa479.png");
}

.card-how--image-3 {
  background-image: url("../images/home/request.9de423b5d5f3.png");
}

.card-how--image-4 {
  background-image: url("../images/home/payout.ed94606cab56.png");
}

.section-how--cards .card-how:last-child {
  background-color: var(--color-secondary);
  color: var(--color-white);
}

.section-how--cards .card-how:last-child li {
  color: var(--color-primary);
}

.section-how--cards .card-how:last-child li::before {
  background-color: currentColor;
}

/* NEWS SECTION */
.card-news--image-1 {
  background-image: url("../images/blog/kamuno-kmu-kredit-mit-flexiblem-kreditrahmen.99b82bf36711.jpg");
}

.card-news--image-2 {
  background-image: url("../images/blog/kamuno-team-competent-service-for-sme.cd93000f0cfa.jpg");
}

.card-news--image-3 {
  background-image: url("../images/blog/kamuno-ceo-regis-lehmann.c14ea96b4272.jpg");
}

/* NEWSLETTER SECTION */
.newsletter-box {
  background-color: var(--color-light-grey--1);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-light);
  overflow: hidden;
}

.newsletter-textbox {
  padding: var(--padding-form-textbox);
}

.newsletter-textbox p:not(.required-text) {
  color: var(--color-accent);
}

.newsletter-form {
  column-gap: var(--gap-normal);
  row-gap: calc(var(--gap-normal) / 2);
}

.required {
  justify-content: flex-end;
  gap: var(--gap-xsmall);
  position: relative;
}

.form-radio-group,
.newsletter-form fieldset {
  gap: var(--gap-normal);
  margin-top: var(--margin-default);
}

.form-radio--item {
  gap: var(--gap-xsmall);
  align-items: baseline;
}

.form-radio--input {
  height: calc(var(--size-checkbox) - 0.2rem);
}

.newsletter-form input {
  width: 100%;
  padding: var(--padding-small);
  border-radius: calc(var(--radius-small) / 2);
  border: var(--border-default);
}

input.form-checkbox-input {
  height: var(--size-checkbox);
  width: var(--size-checkbox);
  align-self: anchor-center;
}

.newsletter-form fieldset {
  gap: calc(var(--gap-small) * 2);
  border: none;
}

.newsletter-form label,
.newsletter-form legend {
  display: block;
  font-size: inherit;
  font-weight: var(--weight-medium);
  margin-bottom: var(--margin-small);
  position: relative;
}

.newsletter-form legend {
  margin-bottom: var(--margin-default);
}

.newsletter-form fieldset label {
  display: flex;
  gap: calc(var(--gap-xsmall) + 0.3rem);
  background-color: var(--color-light-grey--2);
  padding: calc(var(--padding-small) / 2) calc(var(--padding-normal) / 2);
  border-radius: var(--radius-small);
}

.form-button {
  justify-self: end;
}

.btn.newsletter-btn {
  background-color: var(--color-accent);
}

.btn.newsletter-btn:hover {
  background-color: var(--color-background-complementary);
}

.newsletter-form input:active,
.newsletter-form input:focus {
  outline: none;
  border-color: var(--color-light-grey--2);
}

.newsletter-img-box {
  background-image: url("../images/legacy/hero-compressed-1.0cd527879ff9.webp");
  filter: grayscale(0.3);
  background-size: cover;
/*
  margin: var(--margin-default);
  border-radius: var(--radius-default);
*/
}