@import "../assets/icomoon-hoenninger/style.css";
@import "swiper-bundle.css";
body {
  --swiper-pagination-bullet-height: 5px;
  --swiper-pagination-bullet-width: 5px;
  --swiper-pagination-bullet-horizontal-gap: 15px;
  --swiper-theme-color: var(--wp--preset--color--primary);
  --swiper-pagination-bullet-inactive-opacity: 0.6;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--wp--preset--color--secondary);
  --swiper-pagination-color: var(--wp--preset--color--secondary);
  --swiper-pagination-bottom: 0;
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-navigation-size: 50px;
}
@media screen and (max-width: 1365px) {
  body {
    --swiper-navigation-size: 30px;
  }
}
@media screen and (max-width: 781px) {
  body {
    --wp--preset--font-size--xx-large: 3rem;
    --wp--preset--font-size--x-large: 2.25rem;
    --wp--preset--font-size--large: 1.875rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --wp--style--root--padding-right: 20px !important;
    --wp--style--root--padding-left: 20px !important;
  }
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.menue,
.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menue li,
.menu li {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.menue a,
.menu a {
  text-decoration: none;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#nav_toggle {
  cursor: pointer;
  z-index: 100;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background-color: var(--wp--preset--color--white);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  font-size: 40px;
  color: var(--wp--preset--color--primary);
  display: none;
}
#nav_toggle:hover {
  color: var(--wp--preset--color--secondary);
}
@media screen and (max-width: 1365px) {
  #nav_toggle {
    display: inline-flex;
  }
}
.nav_open #nav_toggle #menue-icon:before {
  content: "\e903";
}
#main-nav {
  position: relative;
  line-height: 1.1;
  width: 100%;
  font-weight: 500;
  padding: 0;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}
#main-nav,
#main-nav a {
  color: var(--wp--preset--color--secondary);
}
#main-nav li {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
#main-nav li a {
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#main-nav li ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
#main-nav > li {
  display: flex;
  flex-direction: column;
  position: relative;
}
#main-nav > li > a {
  padding: 20px;
  padding-top: 18px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  z-index: 2;
  white-space: nowrap;
}
#main-nav > li > a:after {
  position: absolute;
  content: '';
  width: 0 ;
  display: block;
  height: 3px;
  bottom: 14px;
  left: 20px;
  background: var(--wp--preset--color--primary);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#main-nav > li > a:hover:after {
  width: calc(100% - 40px);
}
#main-nav > li > .sub-menu {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 60px;
  background-color: var(--wp--preset--color--grey-light);
  overflow: hidden;
  max-height: 0;
  display: none;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}
@keyframes height-animation {
  0% {
    overflow: hidden;
    max-height: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  99.99% {
    overflow: hidden;
  }
  100% {
    overflow-y: auto;
    max-height: calc(100vh - var(--js-header-height));
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media screen and (min-width: 1366px) {
  #main-nav > li > .sub-menu > li > a {
    padding: 10px 20px;
  }
  #main-nav > li > .sub-menu > li:first-child {
    margin-top: 10px;
  }
  #main-nav > li > .sub-menu > li:last-child {
    margin-bottom: 10px;
  }
}
#main-nav > li > .sub-menu li a:hover {
  color: var(--wp--preset--color--primary);
}
#main-nav > li > .sub-menu ul {
  margin-bottom: var(--wp--preset--spacing--30);
}
@media screen and (min-width: 1366px) {
  #main-nav > li:hover > .sub-menu {
    display: block;
    animation: height-animation 500ms ease 0ms 1 forwards;
  }
}
@media screen and (max-width: 1365px) {
  #main-nav > li.hover > .sub-menu {
    display: block;
    overflow: visible;
    max-height: none;
  }
}
@media screen and (max-width: 1365px) {
  #main-nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    display: none;
    background-color: var(--wp--preset--color--grey-light);
    padding: 20px;
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
    padding-bottom: 40px;
  }
  #main-nav > li > .sub-menu > li > a {
    margin-top: 20px;
  }
  #main-nav > li > .sub-menu > li:first-child > a {
    margin-top: 0;
  }
  #main-nav > li > a {
    padding: 0;
    height: auto;
    border-bottom: 3px solid var(--wp--preset--color--secondary);
    padding-bottom: 15px;
    margin-top: 15px;
  }
  #main-nav > li > a:after {
    display: none;
  }
  #main-nav > li.menu-item-has-children > a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #main-nav > li.menu-item-has-children > a:before {
    content: "\e900";
    font-family: 'icomoon-hoenninger' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.5em;
    font-size: 1.87em;
    order: 2;
  }
  #main-nav > li.menu-item-has-children.hover > a:before {
    content: "\eaf1";
  }
  #main-nav > li > .sub-menu {
    position: static;
    box-shadow: none  ;
    -webkit-box-shadow: none  ;
    -moz-box-shadow: none ;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .nav_open #main-nav {
    display: block;
  }
}
#main-nav_cont {
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1365px) {
  #main-nav_cont {
    position: fixed;
    left: 0;
    top: 10px;
    width: 100vw;
    top: calc(var(--js-header-height) - 20px);
    max-height: calc(100vh - var(--js-header-height));
    overflow: hidden;
    overflow-y: auto;
  }
}
body.nav_open {
  overflow: hidden;
}
body.nav_open #main-nav_cont {
  right: 0;
  opacity: 1;
}
#footer-nav {
  font-size: var(--wp--preset--font-size--small);
  white-space: nowrap;
}
#footer-nav li {
  margin-bottom: 0.6rem;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.post_nav {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}
.post_nav > a {
  display: flex;
  gap: 20px;
  text-decoration: none;
  align-items: center;
}
.post_nav > a:hover {
  color: var(--wp--preset--color--primary);
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header_cont {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}
#header {
  position: relative;
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  box-sizing: border-box;
  /*  @media screen and (max-width: @nav_breakpoint )  {
    position: fixed;
  }*/
}
#logo_header_link {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  margin-top: 35px;
  /*  svg {
    height: 60px;
    width: auto;
    margin-bottom: 15px;
    margin-top: 55px;



  }*/
}
#logo_header_link img {
  width: 190px;
  height: auto;
}
@media screen and (max-width: 1365px) {
  #logo_header_link {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #logo_header_link img {
    width: 150px;
    height: auto;
  }
}
#header_left {
  align-content: center;
}
#header_center {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
  justify-content: flex-end;
  position: relative;
  align-content: center;
}
@media screen and (max-width: 1365px) {
  #header_center {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin: 0;
  }
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
  position: relative;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  padding: 20px;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  padding-bottom: 35px;
  box-sizing: border-box;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: var(--wp--preset--color--white);
}
#footer svg,
#footer path {
  fill: var(--wp--preset--color--white);
  stroke-width: 0;
}
#logo_footer_link {
  display: block;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wp-block-button:not(.is-style-arrow) .wp-block-button__link {
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.wp-block-button:not(.is-style-arrow) .wp-block-button__link:hover {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.wp-social-link-xing .wp-block-social-link-anchor SVG,
.wp-social-link-next .wp-block-social-link-anchor SVG,
.wp-social-link-xing .wp-block-social-link-anchor svg,
.wp-social-link-next .wp-block-social-link-anchor svg {
  display: none;
}
.wp-social-link-xing .wp-block-social-link-anchor:after,
.wp-social-link-next .wp-block-social-link-anchor:after {
  font-family: 'icomoon-hoenninger' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  content: "\e905";
}
.wp-social-link-xing .wp-block-social-link-anchor:after {
  content: "\eada";
}
.wp-block-details summary {
  /*    background-color: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--primary);
    padding:  var(--wp--preset--spacing--30);*/
  font-size: calc(var(--wp--preset--font-size--large) * 0.9);
  line-height: 1.2;
  background: none;
  padding-top: 0.3em;
  display: block;
  /*    flex-direction: row;*/
  /*    justify-content: space-between;*/
  border-bottom: 1px solid currentColor;
  padding: 0.25em 0;
  padding-right: 1em;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.wp-block-details summary::-webkit-details-marker {
  display: none;
}
.wp-block-details summary:after {
  line-height: 1px;
  display: inline-block;
  margin-top: 0.3rem;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  margin-left: auto;
  margin-right: 0;
  content: "\e901";
  font-family: 'icomoon-hoenninger' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8em;
  position: absolute;
  right: 0;
  top: 0.25em;
}
.wp-block-details[open] summary:after {
  content: "\e902";
}
.wp-block-details > :last-child:not(summary) {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}
.wp-block-heading.is-style-line:after {
  content: '';
  width: 65px;
  display: block;
  height: 2px;
  background: currentColor;
  margin-top: 1.5rem;
}
.wp-block-group.is-style-shadowbox {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: var(--wp--preset--spacing--50);
}
@media (max-width: 960px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
p.has-background,
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  box-sizing: border-box;
  padding: var(--wp--preset--spacing--30);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.wp-block-cover.has-background,
.wp-block-headline.has-background,
.wp-block-group.has-background {
  box-sizing: border-box;
  padding: var(--wp--preset--spacing--50);
}
.wp-block-cover.has-background > .alignfull,
.wp-block-headline.has-background > .alignfull,
.wp-block-group.has-background > .alignfull {
  margin-left: calc(var(--wp--preset--spacing--50) * -1);
  margin-top: calc(var(--wp--preset--spacing--50) * -1);
  margin-right: calc(var(--wp--preset--spacing--50) * -1);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.entry-content > :first-child:not(.alignfull) {
  margin-block-start: var(--wp--preset--spacing--50);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-content: center;
  justify-content: center;
  gap: var(--swiper-pagination-bullet-horizontal-gap);
}
.swiper-pagination-fraction .swiper-pagination-bullet,
.swiper-pagination-custom .swiper-pagination-bullet,
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  flex-basis: 100%;
  margin: 0;
  padding: 10px 0;
  background: transparent;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.swiper-pagination-fraction .swiper-pagination-bullet:after,
.swiper-pagination-custom .swiper-pagination-bullet:after,
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:after {
  position: relative;
  content: '';
  display: flex;
  flex: 1;
  width: 100%;
  background-color: var(--wp--preset--color--secondary);
  height: var(--swiper-pagination-bullet-height);
}
.swiper-pagination-fraction .swiper-pagination-bullet:hover,
.swiper-pagination-custom .swiper-pagination-bullet:hover,
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:hover {
  opacity: 1;
}
.swiper-button-next,
.swiper-button-prev {
  border-radius: var(--swiper-navigation-size);
  background-color: #fff;
  padding: 5px;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  top: calc(50% - 50px);
}
@media screen and (max-width: 1365px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: calc(50% - 35px);
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "\e900";
  font-family: 'icomoon-hoenninger' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*  line-height: 0.5em;*/
  font-size: calc(var(--swiper-navigation-size) * 0.6);
}
.swiper-button-next::after {
  content: "\e905";
}
.swiper-button-prev::after {
  content: "\eaf2";
}
.post_images_swiper {
  min-width: 100%;
  width: auto;
  height: 100%;
  position: relative;
  overflow: hidden;
  max-width: 100vw;
  margin-bottom: 120px;
}
.post_images_swiper .swiper-wrapper {
  align-items: stretch;
  height: 30vw;
  margin: 0;
  padding: 0;
}
.post_images_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  width: auto;
  height: 100%;
  position: relative;
}
.post_images_swiper .swiper-slide figure {
  width: auto;
  height: 100%;
  margin: 0;
}
.post_images_swiper .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
}
.post_images_swiper .swiper-slide figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
}
.post_images_swiper .swiper-slide figcaption > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.post_images_swiper .swiper-pagination {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 20px;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px;
}
.post_images_swiper .swiper-button-next,
.post_images_swiper .swiper-button-prev {
  opacity: 0.3;
}
.post_images_swiper:hover .swiper-button-next,
.post_images_swiper:hover .swiper-button-prev {
  opacity: 0.6;
}
.post_images_swiper:hover .swiper-button-next:hover,
.post_images_swiper:hover .swiper-button-prev:hover {
  opacity: 1;
}
@media screen and (max-width: 1365px) {
  .post_images_swiper {
    margin-bottom: 50px;
  }
  .post_images_swiper .swiper-wrapper {
    height: 50vw;
  }
}
@viewport {
  width: device-width;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.post-edit-link {
  background-color: #9e0077;
  color: #fff;
  padding: 5px 15px;
  border-radius: 0;
  text-decoration: none !important;
}
.archive article:not(:last-of-type) {
  padding-bottom: 30px;
  border-bottom: 3px solid var(--wp--preset--color--primary);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.anchor {
  width: 0px;
  height: 0px;
  display: block;
  left: 0px;
  position: relative;
  top: -200px;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
sup {
  vertical-align: super;
  font-size: 0.6em;
}
sub {
  vertical-align: sub;
  font-size: 0.6em;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.has-x-large-font-size {
  line-height: 1.15;
}
.has-x-large-font-size::first-line {
  line-height: 1 !important;
}
.has-xx-large-font-size {
  line-height: 1.1;
}
.has-xx-large-font-size::first-line {
  line-height: 1 !important;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.entry-content > *:last-child:not(.alignfull) {
  margin-bottom: var(--wp--preset--spacing--50);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.references_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.references_grid .reference {
  aspect-ratio: 1/1;
  position: relative;
  flex-basis: calc((100%/3) - 15px);
  background-color: #000;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
@media screen and (max-width: 1365px) {
  .references_grid .reference {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 960px) {
  .references_grid .reference {
    flex-basis: 100%;
  }
}
.references_grid .reference .arrow {
  text-align: center;
  font-size: 1.8em;
}
.references_grid .reference .img-reference {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.references_grid .reference .inner {
  position: relative;
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  overflow: hidden;
  overflow-y: auto;
}
.references_grid .reference .inner,
.references_grid .reference .inner > * {
  color: #fff !important;
}
.references_grid .reference .inner_cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.references_grid .reference:hover .img-reference {
  opacity: 0.3;
}
.references_grid .reference:hover .inner {
  opacity: 1;
}
@media screen and (max-width: 1365px) and (min-width: 961px) {
  .reference_teasers_list .reference:nth-last-child(1):nth-child(odd) {
    display: none;
  }
}
