@import "../fonts/icomoon-lgup/style.css";
@media screen and (max-width: 1365px) {
  body {
    --wp--custom--typo--scale-small: 1;
    --wp--custom--typo--scale-base: 1;
    --wp--custom--typo--scale-medium: 1;
    --wp--custom--typo--scale-large: 0.8;
    --wp--custom--typo--scale-x-large: 0.6;
  }
}
/*
@media screen and (max-width: @medium_media)  {
  body {
    --wp--custom--typo--scale-small:0.9;
    --wp--custom--typo--scale-base:0.8;
    --wp--custom--typo--scale-medium:0.6;
    --wp--custom--typo--scale-large:0.4;
    --wp--custom--typo--scale-x-large:0.4;
  }
}*/
@media screen and (max-width: 480px) {
  body {
    --wp--custom--typo--scale-small: 0.8;
    --wp--custom--typo--scale-base: 0.8;
    --wp--custom--typo--scale-medium: 0.8;
    --wp--custom--typo--scale-large: 0.75;
    --wp--custom--typo--scale-x-large: 0.35;
    --wp--style--gallery-gap-default: var(--wp--preset--spacing--block-small);
  }
}
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ eocjsNewsticker v0.7.2  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.eocjs-newsticker {
  padding: 10px 0;
  background-color: #eee;
}
.eocjs-newsticker .eocjs-newsticker-container {
  position: relative;
  height: var(--wp--preset--font-size--large);
  overflow: hidden;
}
.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
  position: absolute;
  left: 0;
  top: 0;
  height: var(--wp--preset--font-size--large);
  line-height: var(--wp--preset--font-size--large);
  white-space: nowrap;
}
.eocjs-newsticker-loader {
  position: absolute;
  left: calc(50% - 10px);
  top: 2px;
  width: 20px;
  height: 20px;
  display: block;
  border: 3px solid #555555;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: eocjs-newsticker-spin 0.75s linear infinite;
}
@keyframes eocjs-newsticker-spin {
  to {
    transform: rotate(360deg);
  }
}
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ eocjsNewsticker v0.7.2  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.is-style-newsticker {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 900;
  letter-spacing: 0.078em;
  line-height: 1;
  text-transform: uppercase;
  display: inline;
}
ul.is-style-newsticker li {
  display: inline;
}
ul.is-style-newsticker li:before {
  content: ' – ';
}
/* /////////////////////////////////////////////////////////////////////////  bottons //////////////////////////////////////////////////////////////////// */
.wp-block-button .wp-element-button,
.wp-block-button.is-style-outline .wp-element-button {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.wp-block-button .wp-element-button:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: var(--wp--preset--color--red);
  color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-arrow {
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-button.is-style-arrow .wp-element-button {
  background: none;
  padding: 0;
  color: var(--wp--preset--color--grey);
  position: relative;
}
.wp-block-button.is-style-arrow .wp-element-button:after {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  content: '';
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.5 30.581'%3E%3Cg fill='none' stroke='%237e7c7c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='m.5 15.316 37.06-.026' vector-effect='non-scaling-stroke' /%3E%3Cpath d='M23.442 29.874 38 15.291 23.442.707' vector-effect='non-scaling-stroke' /%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.5 30.581'%3E%3Cg fill='none' stroke='%237e7c7c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='m.5 15.316 37.06-.026' vector-effect='non-scaling-stroke' /%3E%3Cpath d='M23.442 29.874 38 15.291 23.442.707' vector-effect='non-scaling-stroke' /%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
  margin-left: 0.4em;
  bottom: -0.3em;
  width: 1.8em;
  height: 1.2em;
}
.wp-block-button.is-style-arrow .wp-element-button:hover {
  background: none !important;
  color: var(--wp--preset--color--red) !important;
}
.wp-block-button.is-style-arrow .wp-element-button:hover:after {
  background-color: var(--wp--preset--color--red);
}
.wp-block-image.is-style-dotted,
.wp-block-video.is-style-dotted {
  position: relative;
}
.wp-block-image.is-style-dotted:after,
.wp-block-video.is-style-dotted:after {
  content: '';
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABRJREFUGFdjZGBg+M/AwMDIyAAFAA4pAQP4L554AAAAAElFTkSuQmCC);
}
:where(figure) {
  margin-bottom: var(--wp--preset--spacing--block);
}
/*.wp-block-image,
.wp-block-heading,
p,
.wp-block-buttons,
.wp-block-video,
.wp-block-group {
  margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--block) ;
}
*/
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.alignfull + .alignfull {
  margin-block-start: 0;
}
.wp-block-video,
.wp-block-image {
  margin-top: var(--wp--preset--spacing--block);
}
.wp-block-video.alignfull,
.wp-block-image.alignfull {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-content > .wp-block-video.alignfull,
.entry-content > .wp-block-image.alignfull {
  max-height: 100vh;
}
.entry-content > .wp-block-video.alignfull img,
.entry-content > .wp-block-image.alignfull img,
.entry-content > .wp-block-video.alignfull video,
.entry-content > .wp-block-image.alignfull video {
  object-fit: cover;
  object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  max-height: 100vh;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.wp-block-video video {
  max-width: 100%;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
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--block-large);
}
@media screen and (max-width: 640px) {
  h1.has-background,
  h2.has-background,
  h3.has-background,
  h4.has-background,
  h5.has-background,
  h6.has-background {
    padding: var(--wp--preset--spacing--block);
  }
}
@media screen and (max-width: 480px) {
  h1.has-background,
  h2.has-background,
  h3.has-background,
  h4.has-background,
  h5.has-background,
  h6.has-background {
    padding: var(--wp--preset--spacing--block-small);
  }
}
.wp-block-group.has-background {
  box-sizing: border-box;
  padding: var(--wp--preset--spacing--block-large);
}
@media screen and (max-width: 640px) {
  .wp-block-group.has-background {
    padding: var(--wp--preset--spacing--block);
  }
}
@media screen and (max-width: 480px) {
  .wp-block-group.has-background {
    padding: var(--wp--preset--spacing--block-small);
  }
}
.wp-block-group.has-background > :last-child {
  margin-bottom: 0;
}
.wp-block-group.has-background > .alignfull {
  margin-left: calc(var(--wp--preset--spacing--block-large) * -1);
  margin-right: calc(var(--wp--preset--spacing--block-large) * -1);
}
@media screen and (max-width: 640px) {
  .wp-block-group.has-background > .alignfull {
    margin-left: calc(var(--wp--preset--spacing--block) * -1);
    margin-right: calc(var(--wp--preset--spacing--block) * -1);
  }
}
@media screen and (max-width: 480px) {
  .wp-block-group.has-background > .alignfull {
    margin-left: calc(var(--wp--preset--spacing--block-small) * -1);
    margin-right: calc(var(--wp--preset--spacing--block-small) * -1);
  }
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.wp-block-separator {
  border: none;
  border-bottom: 1px solid;
  margin-block-start: var(--wp--preset--spacing--block-large);
  margin-block-end: 0;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
.menue {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menue li {
  margin: 0;
  padding: 0;
  position: relative;
}
.menue a {
  text-decoration: none;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#nav_toggle {
  cursor: pointer;
  z-index: 100;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
}
#nav_toggle #nav_toggle_icon {
  width: 100%;
  height: 100%;
}
#nav_toggle #top-line,
#nav_toggle #bottom-line,
#nav_toggle #middle-line {
  transform-box: fill-box;
  transform-origin: center;
}
#nav_toggle:hover #top-line {
  animation: down-rotate 0.6s ease-out both;
}
#nav_toggle:hover #bottom-line {
  animation: up-rotate 0.6s ease-out both;
}
#nav_toggle:hover #middle-line {
  animation: hide 0.6s ease-out forwards;
}
@keyframes up-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(10px) rotate(45deg) scale(0.9);
  }
}
@keyframes down-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(10px) rotate(-45deg) scale(0.9);
  }
}
@keyframes hide {
  29% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*#header.open {
  #nav_toggle {

    &:before {
      content: "\e900";
    }
  }
}*/
#main-nav {
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 900;
  letter-spacing: 0.077em;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 70px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--wp--style--global--content-size);
  padding: var(--wp--preset--spacing--block);
}
@media screen and (max-width: 640px) {
  #main-nav {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  #main-nav {
    padding: var(--wp--preset--spacing--block-small);
  }
}
#main-nav a {
  color: var(--wp--preset--color--black);
  -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 a:hover {
  color: var(--wp--preset--color--red);
}
#main-nav li {
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #main-nav li {
    margin-bottom: 25px;
  }
}
#main-nav_cont {
  display: block;
  position: fixed;
  z-index: -100;
  margin-top: 35px;
  background-color: var(--wp--preset--color--white);
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-height: 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;
}
body.nav_open {
  overflow: hidden;
}
body.nav_open #main-nav_cont {
  z-index: 100;
  max-height: calc(100vh - 120px);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#footer-nav {
  text-transform: uppercase;
  margin-top: 52px;
  font-size: var(--wp--preset--font-size--small);
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#social-nav {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 16px;
  margin: 0;
  margin-top: 20px;
  font-size: 35px;
}
#social-nav li {
  width: 35px;
  height: 35px;
}
#social-nav a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#logo_media_footer,
#logo_footer,
#logo_media,
#logo_media_locations,
#logo_header {
  height: auto;
  max-width: 100%;
  -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;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer_cont,
#header_cont {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
#footer_cont .col,
#header_cont .col {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1280px) {
  #footer_cont {
    flex-direction: column;
    gap: 50px;
  }
}
#header_left,
#header_right,
#footer_left,
#footer_right {
  flex-basis: 20%;
}
#header_middle,
#footer_middle {
  flex-basis: 60%;
  align-items: center;
}
#header_right {
  align-items: flex-end;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
  --min-header-height: 111px;
}
#header {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: none;
  color: var(--wp--preset--color--white);
  box-sizing: border-box;
  padding-top: 35px;
  padding-bottom: 35px;
  height: auto;
  min-height: 111px;
}
#header.hidden {
  z-index: -100;
}
#header svg {
  fill: var(--wp--preset--color--white);
}
body:has( #content .entry-content > :first-child.alignfull  ) #header {
  position: fixed;
}
body:not( :has( #content .entry-content > :first-child.alignfull  )) #header {
  background: var(--wp--preset--color--black);
}
#logo_header {
  width: 416px;
}
#logo_media_locations,
#logo_media {
  width: 240px;
  margin-top: 10px;
}
#logo_media_locations {
  margin-top: 60px;
}
#logo_media_locations_wrapper {
  max-height: 400px;
  overflow: hidden;
  -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;
}
body.nav_open #header,
body.scrolled #header {
  -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;
  background-color: var(--wp--preset--color--black);
}
body.nav_open #logo_header,
body.scrolled #logo_header {
  width: 290px;
  margin-top: 10px;
}
body.nav_open #logo_media,
body.scrolled #logo_media {
  width: 170px;
  margin-top: 15px;
}
body.nav_open #logo_media_locations_wrapper,
body.scrolled #logo_media_locations_wrapper {
  max-height: 0;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  padding-top: 100px;
  padding-bottom: 40px;
}
#footer 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;
  color: var(--wp--preset--color--white);
}
#footer a:hover {
  color: var(--wp--preset--color--red);
}
#footer svg {
  fill: var(--wp--preset--color--white);
}
#logo_media_footer {
  width: 170px;
}
#logo_footer {
  width: 290px;
  margin-bottom: 20px;
}
.ma_portfolio {
  margin: 0 auto;
  position: relative;
  overflow: visible;
  list-style: none;
  padding: 0;
  z-index: 1;
  margin-top: var(--wp--preset--spacing--block);
  gap: 0;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.ma_portfolio .portfolio-item {
  order: 1;
}
.ma_portfolio .portfolio-item-loader {
  grid-column-start: 1;
  grid-column-end: 4;
  order: 2;
}
.ma_portfolio .portfolio-item-loader {
  grid-column-end: 4;
}
.ma_portfolio .portfolio-item.is_open ~ .portfolio-item:nth-child(3n + 3) ~ .portfolio-item {
  order: 8;
}
.ma_portfolio .portfolio-item.is_open:nth-child(3n + 3) ~ .portfolio-item {
  order: 8;
}
@media screen and (max-width: 992px) {
  .ma_portfolio {
    grid-template-columns: repeat(2, 1fr);
  }
  .ma_portfolio .portfolio-item-loader {
    grid-column-end: 3;
  }
  .ma_portfolio .portfolio-item.is_open ~ .portfolio-item:nth-child(2n + 2) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio .portfolio-item.is_open:nth-child(2n + 2) ~ .portfolio-item {
    order: 8;
  }
}
@media screen and (max-width: 640px) {
  .ma_portfolio {
    grid-template-columns: repeat(1, 1fr);
  }
  .ma_portfolio .portfolio-item-loader {
    grid-column-end: 2;
  }
  .ma_portfolio .portfolio-item.is_open ~ .portfolio-item:nth-child(1n + 1) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio .portfolio-item.is_open:nth-child(1n + 1) ~ .portfolio-item {
    order: 8;
  }
}
@media screen and (min-width: 1281px) {
  .ma_portfolio.col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .ma_portfolio.col-1 .portfolio-item-loader {
    grid-column-end: 2;
  }
  .ma_portfolio.col-1 .portfolio-item.is_open ~ .portfolio-item:nth-child(1n + 1) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-1 .portfolio-item.is_open:nth-child(1n + 1) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ma_portfolio.col-2 .portfolio-item-loader {
    grid-column-end: 3;
  }
  .ma_portfolio.col-2 .portfolio-item.is_open ~ .portfolio-item:nth-child(2n + 2) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-2 .portfolio-item.is_open:nth-child(2n + 2) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ma_portfolio.col-3 .portfolio-item-loader {
    grid-column-end: 4;
  }
  .ma_portfolio.col-3 .portfolio-item.is_open ~ .portfolio-item:nth-child(3n + 3) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-3 .portfolio-item.is_open:nth-child(3n + 3) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ma_portfolio.col-4 .portfolio-item-loader {
    grid-column-end: 5;
  }
  .ma_portfolio.col-4 .portfolio-item.is_open ~ .portfolio-item:nth-child(4n + 4) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-4 .portfolio-item.is_open:nth-child(4n + 4) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ma_portfolio.col-5 .portfolio-item-loader {
    grid-column-end: 6;
  }
  .ma_portfolio.col-5 .portfolio-item.is_open ~ .portfolio-item:nth-child(5n + 5) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-5 .portfolio-item.is_open:nth-child(5n + 5) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ma_portfolio.col-6 .portfolio-item-loader {
    grid-column-end: 7;
  }
  .ma_portfolio.col-6 .portfolio-item.is_open ~ .portfolio-item:nth-child(6n + 6) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-6 .portfolio-item.is_open:nth-child(6n + 6) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ma_portfolio.col-7 .portfolio-item-loader {
    grid-column-end: 8;
  }
  .ma_portfolio.col-7 .portfolio-item.is_open ~ .portfolio-item:nth-child(7n + 7) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-7 .portfolio-item.is_open:nth-child(7n + 7) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ma_portfolio.col-8 .portfolio-item-loader {
    grid-column-end: 9;
  }
  .ma_portfolio.col-8 .portfolio-item.is_open ~ .portfolio-item:nth-child(8n + 8) ~ .portfolio-item {
    order: 8;
  }
  .ma_portfolio.col-8 .portfolio-item.is_open:nth-child(8n + 8) ~ .portfolio-item {
    order: 8;
  }
}
.ma_portfolio .portfolio-item-anchor {
  position: absolute;
}
.ma_portfolio .portfolio-item {
  position: relative;
  padding: 0;
  background: none;
  aspect-ratio: 605/340 auto;
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  cursor: pointer;
}
.ma_portfolio .portfolio-item img {
  object-fit: cover;
  object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
}
.ma_portfolio .portfolio-item .portfolio-item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 200;
  line-height: 1.1;
  letter-spacing: 0;
}
.ma_portfolio .portfolio-item .portfolio-item-content .portfolio_terms {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1188rem;
  margin-bottom: 12px;
}
.ma_portfolio .portfolio-item .portfolio-item-content h3.portfolio_title {
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 200;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
}
.ma_portfolio .portfolio-item:hover .portfolio-item-content {
  opacity: 1;
}
.ma_portfolio .portfolio-item-loader {
  position: relative;
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  padding: 20px;
  box-sizing: border-box;
  padding-top: 40px;
  -webkit-transition: opacity 0.6s ease 0s !important;
  -moz-transition: opacity 0.6s ease 0s !important;
  -o-transition: opacity 0.6s ease 0s !important;
  -ms-transition: opacity 0.6s ease 0s !important;
  transition: opacity 0.6s ease 0s !important;
}
.ma_portfolio .portfolio-item-loader-close {
  padding: 0;
  width: auto;
  height: auto;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  color: var(--wp--preset--color--white);
}
.ma_portfolio .portfolio-item-loader-close:hover {
  color: var(--wp--preset--color--red);
}
.ma_portfolio .portfolio-item-loader-close::after {
  font-size: 40px;
  content: "\e903";
  font-family: 'lgup' !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;
}
.ma_portfolio .loading_portfolio:after {
  width: 20px;
  height: 20px;
  background-color: var(--wp--preset--color--white);
  content: '';
  display: block;
  margin: 20px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.wp-block-gallery {
  --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
  gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
}
@media screen and (max-width: 480px) {
  .wp-block-image + .wp-block-gallery {
    margin-block-start: var(--wp--preset--spacing--block-small);
  }
}
textarea,
input {
  font-weight: 400;
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}
input[type=submit] {
  border: none;
  padding: 10px 20px;
  border: 1px solid #000;
  text-transform: uppercase;
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}
input[type=submit]:hover {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}
textarea,
input[type="text"],
input[type=email] {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border: none;
  outline: none;
  margin: 0;
  padding: 7px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #000;
}
.form_label {
  margin: 0;
  padding: 7px;
  padding-left: 0;
  white-space: nowrap;
}
form table {
  min-width: 100%;
}
form table td,
form table th {
  padding-bottom: 16px;
}
@media screen and (max-width: 480px) {
  form table,
  form tbody {
    display: block;
    padding: 0;
  }
  form table tr,
  form tbody tr,
  form table td,
  form tbody td,
  form table th,
  form tbody th {
    display: block;
    padding: 0;
  }
}
span.wpcf7-list-item {
  margin-left: 0;
  margin-right: 1em;
  display: block;
}
/* remove standard-styles */
input[type='checkbox'],
input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
}
.check-box,
.radio-box,
.wpcf7-checkbox,
.wpcf7-radio,
.wpcf7-acceptance {
  position: relative;
  /* hide standard inputs */
  /* add custom inputs with ::before */
}
.check-box .wpcf7-list-item-label,
.radio-box .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-acceptance .wpcf7-list-item-label {
  margin: 0;
  margin-right: 10px;
}
.check-box label,
.radio-box label,
.wpcf7-checkbox label,
.wpcf7-radio label,
.wpcf7-acceptance label {
  font-size: 1;
}
.check-box input[type='checkbox']:checked,
.radio-box input[type='checkbox']:checked,
.wpcf7-checkbox input[type='checkbox']:checked,
.wpcf7-radio input[type='checkbox']:checked,
.wpcf7-acceptance input[type='checkbox']:checked,
.check-box input[type='checkbox']:not(:checked),
.radio-box input[type='checkbox']:not(:checked),
.wpcf7-checkbox input[type='checkbox']:not(:checked),
.wpcf7-radio input[type='checkbox']:not(:checked),
.wpcf7-acceptance input[type='checkbox']:not(:checked),
.check-box input[type='radio']:checked,
.radio-box input[type='radio']:checked,
.wpcf7-checkbox input[type='radio']:checked,
.wpcf7-radio input[type='radio']:checked,
.wpcf7-acceptance input[type='radio']:checked,
.check-box input[type='radio']:not(:checked),
.radio-box input[type='radio']:not(:checked),
.wpcf7-checkbox input[type='radio']:not(:checked),
.wpcf7-radio input[type='radio']:not(:checked),
.wpcf7-acceptance input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  z-index: -1;
  position: absolute;
}
.check-box input[type='checkbox'] + .wpcf7-list-item-label,
.radio-box input[type='checkbox'] + .wpcf7-list-item-label,
.wpcf7-checkbox input[type='checkbox'] + .wpcf7-list-item-label,
.wpcf7-radio input[type='checkbox'] + .wpcf7-list-item-label,
.wpcf7-acceptance input[type='checkbox'] + .wpcf7-list-item-label,
.check-box input[type='radio'] + .wpcf7-list-item-label,
.radio-box input[type='radio'] + .wpcf7-list-item-label,
.wpcf7-checkbox input[type='radio'] + .wpcf7-list-item-label,
.wpcf7-radio input[type='radio'] + .wpcf7-list-item-label,
.wpcf7-acceptance input[type='radio'] + .wpcf7-list-item-label {
  cursor: pointer;
}
.check-box input[type='checkbox'] + .wpcf7-list-item-label::before,
.radio-box input[type='checkbox'] + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='checkbox'] + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='checkbox'] + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='checkbox'] + .wpcf7-list-item-label::before,
.check-box input[type='radio'] + .wpcf7-list-item-label::before,
.radio-box input[type='radio'] + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='radio'] + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='radio'] + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='radio'] + .wpcf7-list-item-label::before {
  width: 17px;
  height: 17px;
  font-size: 1;
  line-height: 1;
  transition: color 0.1s ease-in;
  color: var(--wp--preset--color--black);
  line-height: 17px;
  border: 1px solid #000;
}
.check-box input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.radio-box input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.check-box input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
.radio-box input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
.check-box input[type='radio']:checked + .wpcf7-list-item-label::before,
.radio-box input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='radio']:checked + .wpcf7-list-item-label::before,
.check-box input[type='radio']:not(:checked) + .wpcf7-list-item-label::before,
.radio-box input[type='radio']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='radio']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='radio']:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='radio']:not(:checked) + .wpcf7-list-item-label::before {
  content: '';
  display: inline;
  float: left;
  width: 17px;
  height: 17px;
  position: relative;
  border: none;
  background: var(--wp--preset--color--white);
  margin-right: 0.6em;
  border: 1px solid #000;
  box-sizing: border-box;
  top: 2px;
}
.check-box input[type=radio]:checked + .wpcf7-list-item-label::before,
.radio-box input[type=radio]:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type=radio]:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type=radio]:checked + .wpcf7-list-item-label::before,
.check-box input[type=radio]:not(:checked) + .wpcf7-list-item-label::before,
.radio-box input[type=radio]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type=radio]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-radio input[type=radio]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type=radio]:not(:checked) + .wpcf7-list-item-label::before {
  border-radius: 100%;
}
.check-box input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.radio-box input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before,
.check-box input[type='radio']:checked + .wpcf7-list-item-label::before,
.radio-box input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type='radio']:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type='radio']:checked + .wpcf7-list-item-label::before {
  background-color: var(--wp--preset--color--black);
}
/* CSS rules for Intersection Observer */
@media screen and (min-width: 641px) {
  p:not(.portfolio-item-loader-content *, .site-footer *),
  .wp-block-buttons:not(.portfolio-item-loader-content *, .site-footer *),
  .wp-block-heading:not(.portfolio-item-loader-content *, .site-footer *) {
    opacity: 0;
    position: relative;
    bottom: -40px;
    transition: all 0.8s ease-out;
    transition-property: bottom, opacity;
    transition-delay: 0s;
  }
  .show {
    opacity: 1 !important;
    bottom: 0 !important;
  }
  /*      .wp-block-group {
        &[class*='groupflexcolumns-'] > *:not(:empty) {

          each(range( 10 ), {
            @delay : (@index - 1) / 15 ;

            &:nth-child(@{index})  {
              transition-delay: (0.01s + @delay);
            }
          });


        }
      }
*/
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(1) > * {
    transition-delay: 0.01s;
  }
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(2) > * {
    transition-delay: 0.11s;
  }
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(3) > * {
    transition-delay: 0.21s;
  }
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(4) > * {
    transition-delay: 0.31s;
  }
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(5) > * {
    transition-delay: 0.41s;
  }
  .wp-block-columns > .wp-block-column:not(:empty):nth-child(6) > * {
    transition-delay: 0.51s;
  }
}
@viewport {
  width: device-width;
}
html {
  background: #fff;
}
body {
  background-color: var(--wp--preset--color--white);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
body .wp-site-blocks {
  flex: 1;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#content {
  margin-top: 40px;
  overflow-x: hidden;
}
#content:has(.entry-content > :first-child.alignfull  ) {
  margin-top: 0;
}
.entry-content + .entry-content {
  border-top: 3px solid var(--wp--preset--color--black);
  padding-top: 30px;
}
.entry-content,
#footer_cont,
#header_cont {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.entry-content > .alignfull,
#footer_cont > .alignfull,
#header_cont > .alignfull {
  margin-left: -20px;
  margin-right: -20px;
}
/* /////////////////////////////////////////////////////////////////////////   //////////////////////////////////////////////////////////////////// */
#scroll_up_btn,
#scroll_down_btn {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid var(--wp--preset--color--grey);
  box-sizing: border-box;
  cursor: pointer;
  background-image: url('../img/pfeil_down.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 99;
  transition: z-index 0.5s step-end, opacity 0.5s ease, background-color 0.5s ease;
}
#scroll_up_btn:hover,
#scroll_down_btn:hover {
  background-color: #fff;
}
#scroll_down_btn {
  position: fixed;
  bottom: 50px;
  left: calc(50% - 25px);
}
body.scrolled #scroll_down_btn {
  opacity: 0;
  z-index: -100;
  transition: z-index 0.5s step-start, opacity 0.5s ease, background-color 0.5s ease;
}
#scroll_up_btn_cont {
  text-align: center;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: var(--wp--preset--spacing--block-large);
  padding-top: var(--wp--preset--spacing--block-large);
}
#scroll_up_btn_cont #scroll_up_btn {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/*.has-red-background-color + #scroll_up_btn_cont { background: var(--wp--preset--color--red); }
*/
.anchor {
  position: relative;
  left: 0px;
  top: -121px;
  display: inline;
  width: 1px;
  margin: 0 !important;
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
  /*z-index: 111111;*/
  height: 1px;
  width: 100%;
  display: block;
  opacity: 0;
}