:root {
  /*** Global ***/
  --theme-primary: #317cc5;
  --theme-tertiary: #00457c;
  --theme-text: #3a3a3a;
  --theme-darkgrey: #115ea9;
  --theme-lightgrey: #f2f2f2;
}

.headline {
  font-size: 22px;
  text-align: center;
  padding:1rem;
  margin: 1rem -15px;
}
.headline p {
  margin: 0;
}
.bg-primary {
  background-color:#317cc5;
  color: white;
}

@media only screen and (min-width: 769px) {
  .cd-dropdown-content > .has-children > ul {
    flex-flow: row wrap;
  }
}

.ex-searchresult .quoteme-wrapper,
.ex-category .quoteme-wrapper {
display: block !important;
}


/* Banner Hero Height */
.hero-banner .banner-grid__banner__item {
  min-height: 150px;
}

/* Border Radius 15px on images */
.br-15 img {
  border-radius: 15px;
  overflow: hidden;
}

.p-i-15 {
  padding-inline: 15px;
}

/* variable hero heights */
.hero-section-custom .variable-hero .hero-section__element {
  min-height: calc(100vh - 525px);
}


.kitchen-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

.kitchen-tile {
  width: calc(50% - 6px);
  min-height: 100px;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 14px;
  transition: all 0.2s ease;
  position: relative;
}

.kitchen-tile input {
  position: absolute;
  opacity: 0;
}

.tile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.tile-icon {
  width: 28px;
  height: 28px;
  display: block;
}

.tile-text {
  font-weight: 500;
}

.kitchen-tile:hover {
  border-color: #999;
}

.kitchen-tile:has(input:checked) {
  border-color: #000;
  background: #f6f6f6;
}

.contact-form .form-group {
  margin-bottom: 12px !important;
}