@charset "utf-8";
.landing-page img {
  border: none;
  box-shadow: none;
}
body .container {
  max-width: 80rem;
  width: 100%;
}
h2 {
  margin-top: 5rem;
  border-bottom: 1px solid #8b9ea2;
}
/*LIKOSDEV CODE*/
.page:has(.flex-parent) {
  min-height: 800px;
  padding: 10px;
  float: none;
  width: 100%;
}
.flex-parent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: auto;
  justify-content: center;
}

@media (max-width: 768px) {
  .flex-parent {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: auto;
  }
}
.third-col-layout {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  width: 30%;
  background-color: black;
  justify-content: center;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .third-col-layout {
    width: auto;
    height: auto;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .third-col-layout img {
    width: 200px;
  }
}
.third-col-layout img {
  object-fit: contain;
  display: block;
  max-width: 100%;
  max-height: 100%;
  padding: 13px 13px;
  overflow: hidden;
  clip-path: inset(0px 0px 0px 0px);
}
#mechanik {
  background-color: #5ca0df;
}
#elektronik {
  background-color: #1e7f5e;
}
#code {
  background-color: #023030;
}
.fp-link {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fp-link h2 {
  border: none;
  text-align: center;
  margin: 20px 0px;
  padding: 0;
}
.fp-link:link, .fp-link:visited, .fp-link:hover, .fp-link:active {
  color: inherit;
  text-decoration: none;
}
.fp-link:hover {
  /* farbe sorgt für kontrast on hover, bei bedarf ändern */
  background-color: #ffffff32;
}
.fp-link:hover img {
  /* removes box shadow around images*/
  clip-path: inset(0px 0px 0px 0px);
}
h2 {
  color: inherit;
}
.fp-latest-announcement-container, .fp-latest-post-container {
  border-radius: 12px;
  padding: 1em;
  background-color: #ffffff0e;
  margin-top: 1em;
  margin-bottom: 1em;
}
.fp-latest-announcement-container:hover, .fp-latest-post-container:hover {
  /* farbe sorgt für kontrast on hover, bei bedarf ändern */
  background-color: #ffffff32;
}
.fp-latest-announcement-container:hover img, .fp-latest-post-container:hover img {
  /* removes box shadow around images*/
  clip-path: inset(0px 0px 0px 0px);
}
.fp-latest-announcement-container img, .fp-latest-post-container img {
  height: 220px;
  /* Set a fixed height for uniformity */
  width: 100%;
  max-width: 440px;
  /* Scale down if width is more than this */
  object-fit: cover;
  /* Center crop for images larger than the size */
  display: block;
  /* Ensure consistent block display */
  margin-right: 1em;
  /* Space between the image and text */
  align-self: flex-start;
  /* Align image to the top of the container */
}
.fp-section .fp-section-latest .fp-latest-announcement-container h2 {
  border: none;
}
.container-link:link, .container-link:visited, .container-link:hover, .container-link:active {
  color: inherit;
  text-decoration: none;
}
.flex-post-child h2 {
  margin: 0em;
  border: none;
}

@media (max-width: 768px) {
  .flex-post-child h2 {
    margin-top: 1em;
  }
}
.flex-post-child h2 {
  text-decoration: underline;
}
.flex-post-child p {
  text-decoration: none;
}
.flex-post-child .fp-meta {
  font-size: .75em;
  margin-top: 3px;
}
.flex-post-parent {
  display: flex;
  gap: 3%;
}

@media (max-width: 768px) {
  .flex-post-parent {
    flex-direction: column;
  }
}
.fp-section {
  margin: 1em 3em;
}

@media (max-width: 768px) {
  .fp-section {
    margin: 1em .5em;
  }
}