/** basic button style **/
.basic-button-style>.wp-block-button .wp-block-button__link {
    align-content: center;
    border-radius: 0%;
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    font-size: clamp(1rem, -2.31rem + 6.897vi, 2rem);
}

.basic-button-style>.wp-block-button .wp-block-button__link:hover {
    background-color: var(--primary-color-faded);
}

/**general tile menu**/
.tile-menu>.wp-block-cover {
    aspect-ratio: 1;
    min-height: 0;
    padding: 0;
}

.tile-menu.wp-block-group {
    gap: 2vi;
}

.tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button .wp-block-button__link{
    background-color: var(--primary-color-faded);
}

.tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button .wp-block-button__link:hover{
    background-color: transparent;
}

/**einsatz-tile-menu**/
.einsatz-tile-menu.tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button .wp-block-button__link{
    height: inherit;
}

.einsatz-tile-menu.tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button {
    height: 200px;
}

/**static tile menu **/
.static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button .wp-block-button__link{
    position: absolute;
    z-index: 998;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0%;
    padding: 0;
    margin: 0;
}

.static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container>.wp-block-buttons>.wp-block-button .wp-block-button__link:hover {
    background-color: white;
    opacity: 20%;
}

.static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container {
    height: 100%;
}

.static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container p {
    margin: 0;
    background-color: var(--primary-color-faded);
    align-self: end;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    padding: 0px 1vi 0px 1vi;
    text-align: center;
    height: 35%;
    min-height: 3rem;
    align-content: center;
    color: white;
    font-weight: bold;
    font-size: clamp(0.375rem, 0rem + 1.2vi, 2.25rem);
    overflow: hidden;
}

.static-tile-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

/*.static-tile-menu > *:nth-child(5) {
    grid-column: 2 / span 1;
}

.static-tile-menu > *:nth-child(6) {
    grid-column: 3 / span 1;
}*/

@media (max-width: 800px) {
    .static-tile-menu {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container p {
        font-size: clamp(1rem, -0.51rem + 4.02vi, 1.5rem);
    }

    .static-tile-menu > *:nth-child(5),
    .static-tile-menu *:nth-child(6) {
        grid-column: auto !important;
        justify-self: stretch;
    }
}

@media (max-width: 600px) {
    .static-tile-menu {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .static-tile-menu>.wp-block-cover>.wp-block-cover__inner-container p {
        font-size: clamp(0.063rem, 0.059rem + 5.175vi, 2rem);
    }

    .static-tile-menu > *:nth-child(5),
    .static-tile-menu *:nth-child(6) {
        grid-column: auto !important;
        justify-self: stretch;
    }
}

/**button over picture**/
.button-over-picture.wp-block-button .wp-block-button__link{
    color: white;
    padding: 10px 20px 10px 20px;
    align-content: center;
    border-radius: 0%;
    background-color: var(--primary-color);
    font-weight: bold;
    font-size: clamp(1rem, 0.4rem + 1.92vi, 4rem);
}

.button-over-picture.wp-block-button .wp-block-button__link:hover{
    background-color: var(--primary-color-faded);
}

/** query-year-filter-buttons **/

.query-year-filter-buttons {
    gap: 40px;
}

/** pseudo-aktuelles-query-loop-buttons **/

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group>.wp-block-group__inner-container>.wp-block-post-featured-image {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0%;
    padding: 0;
    margin: 0;
}

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group>.wp-block-group__inner-container>.wp-block-post-featured-image a img{
    height: 100%;
}

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group {
    position: relative;
    background-color: var(--primary-color);
    color: white;
    width: 100%;
    aspect-ratio: 5/1;
}

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group:hover {
    background-color: var(--primary-color-faded);
}

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group>.wp-block-group__inner-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.aktuelles-query-loop-item>.wp-block-group>.wp-block-group>.wp-block-group__inner-container p {
    margin: 0;
    font-size: clamp(0.5rem, 0rem + 1.6vi, 3rem);;
}

/*
====================== TO TOP BUTTON ======================
*/
/* Top Button */
#topbutton {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  background-color: #ffffff;
  text-align: center;
  z-index: 100;
  opacity: 0.8;
  -webkit-filter: drop-shadow(3px 3px 3px #333);
  filter: drop-shadow(3px 3px 3px #333);
}
#topbutton a {
  font-family: "FontAwesome";
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: block;
  padding-top: 0px;
  color: var(--primary-color);
  font-size: 2rem;
  }
#topbutton:hover {
  opacity: 1;
  }
#topbutton:hover a{
  color: var(--primary-color-faded);
  }