/* KGV Sieben Hügel Custom Styles */

/* Custom Fonts */

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-latin-ext-400-normal.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

 poppins-latin-ext-400-normal.woff2 

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-latin-ext-400-normal.woff2 ') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Barlow Bold - latin-ext*/
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-latin-ext-700-normal.woff2 ') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Freehand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/freehand-latin-400-normal.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#sp-header {
   top: 2.5rem;
}

#sp-header.header-sticky  {
   top: 0.5rem;
 }

#sp-header, #sp-header.header-sticky {
  /* same as header-sticky but statically applied not only on scroll */
  /* using sticky on 0 px scroll offset would be glitchy*/
  position: fixed;
  z-index: 9999;
  left: 0;
  width: 100%;
  animation: unset;
  transition: top 200ms;
  /* align with logo size */
  /* top: 2.5rem; */ 
}

#sp-top-bar {
  display: none;
}

#sp-header #sp-menu {
  align-self: flex-start;
}

.sp-menu-item, h3, a {
  text-transform: uppercase;
}

.sp-menu-item {
  color: #ffffff;
}

a {
  font-weight: bold;
  font-size: 16px;
}

.sh-home .sh-main {
  display: none;
}

.sh-home .mod-custom {
  padding: 0.5rem;
}
.sh-home .sp-module-title {
  margin: 0.5rem;
}

.sh-greeter .mod-custom {
  
  display: flex;
  place-items: center;
  justify-content: center;
  flex-direction: column;
      min-height: 450px;

  font-family: Freehand;

}
.sh-greeter .mod-custom h2 {
  font-family: Freehand;
  font-weight: 700;
}

.sh-summary .mod-custom {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 1rem;
  margin-top: 1rem;
}
.sh-summary p:first-of-type {
  display: contents;
}

.sh-summary p img {
  margin: 2rem;
}

.sh-summary p {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sh-image-section .sh-side-image .mod-custom, .sh-greeter .mod-custom {
  background-position: center;
  background-size: cover;
}

.sh-home-section .row {
  align-items: center;
  text-align: center;
}

.sh-image-section :has(> .sh-side-image) {
    align-self: stretch;
}

.sh-image-section .sh-side-image {
  min-height: 450px;
}

.sh-image-section .sh-side-image, .sh-image-section .sh-side-image div {
  height: 100%;
}

.sh-side-image: {
  min-height: 450px;
}

.sh-insektengarten p:last-of-type {
  margin-bottom: 0px;
}
.sh-insektengarten .mod-custom {
  padding-bottom: 0px;
}

#sp-bottom.sh-bottom {
  padding: 0;
}
.sh-bottom ul {
  display: flex;
  place-content: center;
  place-items: center;
  gap: 1rem;

}
.sh-bottom ul > li {
  margin: 0 !important;
}

.sp-copyright {
  white-space: pre-line;
}