 /* __________________  Header Sidenavigation  */
 .sidenav a {
   display: block;
 }
 .sidenav {
   position: absolute;
   right: 3vmin;
   top: 180px;
   z-index: 5;
 }
 .sidenav a {
   position: relative;
   text-align: right;
   text-decoration: none !important;
   margin-bottom: 1vmin;
   padding-right: 2vmin;
   color: transparent;
   line-height: calc(20px + 0.9vmin);
	 max-height: calc(20px + 0.9vmin);
   padding-left: 2.2vmin;
   display: block;
 }
.sidenav a,   .sidenav.fixed a:hover {
   font-size: calc(12px + 0.2vw) ;
   width: auto;
   color: var(--highlight);
 }
.sidenav.fixed a:hover {
   background-color: rgba(255, 255, 255, 0.87);
 }
.sidenav.fixed a {
   font-size: 0px;
   color: transparent !important;
 }
 .sidenav a:after {
   position: absolute;
   right: 0px;
   top: 0px;
   content: " ";
   background-color: var(--fontgrey);
   height: 100%;
   line-height: 1em;
   width: 2px;
 }
 .sidenav a:hover::after, .sidenav a.active::after {
   background-color: var(--highlight);
   transform: scale(2.4, 1);
   opacity: 0.9;
 }
 .sidenav a, .sidenav a::after, .sidenav a:hover, .sidenav a:hover::after {
   transition: all ease-in-out 0.2s;
 }
 @media only screen and (max-width: 989px) {
   .sidenav {
     display: none;
   }
 } /**/
 /* END Sidenavigation  */
 /* _______________________  Header with image  Operative Projekte */
 #SingleHeader .avia-image-container {
   width: 100%;
   padding-bottom: 0%;
   text-align: left;
   margin: 0 !important;
   vertical-align: top;
 }
 #SingleHeader .avia-image-container-inner, #SingleHeader .avia_image, #SingleHeader .av-image-caption-overlay {
   max-width: unset;
   width: 100%;
 }
 #SingleHeader .textwrapper_inner {
   padding: 6.777%;
 }
 #SingleHeader .excerptle p {
   margin: 0 !important;
   line-height: 1.3em;
 }
 @media only screen and (min-width: 990px) {
   #SingleHeader .avia-image-container {
     width: 62.4vw;
     float: left;
     clear: none;
     z-index: 1;
     position: relative;
   }
   #SingleHeader .textwrappers::before {
     content: " ";
     width: 100%;
     height: 8vmin;
     position: absolute;
     left: 0px;
     bottom: -7vmin;
   }
   #SingleHeader .textwrapper_around::before {
     content: " ";
     width: 100%;
     height: 100%;
     position: absolute;
     left: -100%;
     bottom: -7vmin;
   }
   #SingleHeader .textwrappers {
     width: calc(300px + 7vw);
     position: relative;
   } 
   #SingleHeader .textwrapper_around.tablecell {
     width: calc(318px + 7vw);
   }
   #SingleHeader .textwrapper_inner {
     padding: 6% 11% 0 11%;
     position: relative;
     bottom: -4vmin;
   }
   .table, #SingleHeader {
     display: table;
   }
   .tablerow {
     display: table-row;
     vertical-align: bottom;
   }
   .tablecell {
     display: table-cell !important;
     vertical-align: bottom;
     float: none !important;
   }
 } /**/
 @media only screen and (min-width: 990px) {
   #SingleHeader {
     margin-bottom: 26vmin;
     width: 90%;
   }
 } /**/
 @media only screen and (min-width: 990px) {
   .layer.inner {
     margin-bottom: 14vmin !important;
   }
 } /**/
 @media only screen and (min-width: 768px) and (max-width: 989px) {
   .textwrappers.tablecell {
     width: 92.8%;
   }
 } /**/
 @media only screen and (max-width: 989px) {
   .textwrappers.tablecell {
     /* width: 92%; */
   }
   .textwrappers.tablecell::after {
     content: "";
     background-color: #f2f2f2;
     float: left;
  
   }
 } /**/
 @media only screen and (max-width: 767px) {
   .single-post #av_section_1 .content, .single-post #intro .content {
     padding-top: 3.777% !important;
   }
 } /**/
 /*  END Single Header  */
 /* _____________________ Steckbrief profile project modal  */
 #projectModal {
   display: none;
 }
 #projectModal h2 {
   max-width: 95%;
 }
 #projectModal small p {
   max-width: 80%;
   display: block;
   margin-bottom: 4vmin;
 }
 .open-project-modal {
   border: 2px solid rgba(255, 255, 255, 0.6);
   width: 43px;
   height: 43px;
   font-size: 29px;
   line-height: 42px;
   float: right;
   margin-right: -5%;
   margin-top: -1.2%;
 }
 @media only screen and (max-width: 767px) {
   .open-project-modal {
     margin-top: 9%;
     float: none;
   }
   #projectModal small p {
     max-width: 100%;
   }
 } /**/
 .open-project-modal:hover {
   border: 2px solid rgba(255, 255, 255, 0.6);
   background-color: #ffffff;
   color: var(--highlight) !important;
 }
 #projectModal h4 {
   margin-bottom: 4px;
   color: #444444;
 }
 .mfp-close {
   font-size: calc(30px + 0.5vmin);
   /*! font-weight: bold; */
   opacity: 1;
   color: #000;
   width: 40px;
   height: 45px;
 }
 #projectModal .mfp-close {
   font-size: calc(30px + 1.6vmin);
   padding-right: calc(25px + 3vmin);
   padding-top: calc(11px + 2vmin);
   color: var(--highlight);
   opacity: 1;
   line-height: 10px;
 }
 .mfp-container #projectModal {
   display: block;
 }
 .white-popup {
   position: relative;
   background: #FFF;
   padding: 7vmin;
   width: auto;
   margin: 20px auto;
   max-width: 1300px;
 }
 .block-container {
   display: inline-block;
   height: auto;
   width: 100%;
 }
 .block-item {
   margin-bottom: 40px;
   box-sizing: border-box;
   width: 30%;
   float: left;
   margin-right: 5%;
 }
 .block-item:nth-child(3n) {
   margin-right: 0px;
 }
 @media only screen and (max-width: 767px) {
   .block-item {
     margin-bottom: 40px;
     box-sizing: border-box;
     width: 100%;
     display: inline-table;
   }
 } /**/
 /*  END Project modal  */
 /**/
 .av-timeline-nav a {
   display: block;
   position: relative;
   font-size: 20px;
 }
 /**/
 /* __________________  Layering Color shapes  layer.inner */
 .avia-section.socket_color .flex_column:first-child .av_textblock_section *, .avia-section.socket_color .flex_column:nth-child(2) .av_textblock_section * {
   color: #fff !important;
 }
 .avia-section.socket_color .flex_column:first-child::before, .avia-section.socket_color .flex_column:nth-child(2)::after {
   content: "" !important;
   visibility: visible !important;
   background-color: var(--highlight);
   position: absolute;
   display: block;
   width: calc(500px + 50vw);
   left: calc(-130px - 10vw);
   max-width: 1620px;
 }
 .avia-section.socket_color .flex_column:first-child::before {
       height: 500% !important;
       top: -80%;
       max-height: 630px;
     }
 @media only screen and (min-width: 768px) and (max-width: 990px) {
    .avia-section.socket_color .flex_column:first-child::before {
  
       max-height: 930px;
     }
 } /**/
 .avia-section.socket_color .flex_column:nth-child(2)::after {
   height: 120%;
   bottom: -40% !important;
 }
 @media only screen and (max-width: 767px) {
   .avia-section.socket_color .layersec::before {
     width: 140%;
     left: -20%;
   }
 } /**/
 .avia-section.socket_color h5 {
   margin-top: -2px !important;
 }
 /**/
 div .wp-caption {
   padding: 0px;
   border: none;
 }
 @media only screen and (min-width: 990px) {
   .flex_column.av_one_full .avia_textblock {
     max-width: 65%;
     margin: 0 auto;
   }
 } /**/
 /* 2021 05   -   Layering Finalisierung Projektdetailseiten  */
 @media only screen and (min-width: 990px) {
   .av_one_full .av_textblock_section:nth-child(1):before {
     content: " ";
     position: absolute;
     height: 70%;
     min-height: 324px;
     max-height: 900px;
     left: -20%;
     width: 60%;
     background-color: var(--highlight) !important;
     background-color: var(--brightgrey) !important;
     /* opacity: 0.2; */
     z-index: -1;
     top: -5%;
   }
   .av_one_full .av_textblock_section .wp-caption:before {
     content: " ";
     position: absolute; 
     opacity: 0.2;
     z-index: -1;
     top: 8%;
   }
   .av_one_full .av_textblock_section:nth-child(2) .avia_textblock:nth-child(1) p:not([class]):first-child:before {
     content: " ";
     position: absolute; 
     opacity: 0.2;
     z-index: -1;
     top: 8%;
   }
   .av_one_full .av_textblock_section:nth-child(3) .avia_textblock:nth-child(1):before {
     content: " ";
     position: absolute;
     height: 80%;
     left: 50%;
     width: 100%;
     background-color: var(--midgrey) !important;
     opacity: 0.2;
     z-index: -1;
     top: 8%;
   }
 } /**/
 #top div .avia-gallery div::before {
   position: absolute;
   content: " ";
   margin-top: -4%;
   height: 8%;
   min-height: 300px;
   max-height: 580px;
   width: 70%;
   left: 40%;
   background-color: var(--brightgrey);
   z-index: -2;
 }
 #intro .el_after_av_one_half .av_textblock_section blockquote::before, #intro .el_after_av_one_half .av_textblock_section em::before {
   content: " ";
   position: absolute;
   height: 148%;
   left: -11%;
   width: 140%;
   background-color: var(--brightgrey) !important;
   z-index: -1;
   top: -17%;
   overflow: visible;
 }
 .single .avia_textblock {
   /*
  position: relative;
  z-index: 3;
  */
 }
 @media only screen and (max-width: 767px) {
   .single .av_one_full .avia_textblock p::before {
     /* left:-30%;
         top: -0%;
         height: 80%;
         */
   }
 } /**/
 blockquote {
   padding-left: 0px;
 }
 .avia-section.layer.inner .av_textblock_section {
   position: relative;
   z-index: 2;
 }
 @media only screen and (min-width: 768px) {
   .avia-section .av_one_half.first * :first-child .avia_textblock {
     width: 90%;
   }
 } /**/
 /* image container with copyright */
 .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright::after {
   content: "©";
   font-size: 1.2em;
   width: 1.6em;
   height: 2.2em;
   line-height: 2.8em;
 }
 .date-content {
   padding: calc(20px + 0.8vmin) calc(4px + 0.9vmin) calc(1px + 0.9vmin);
   color: #000 !important;
   display: block;
   width: 170px;
   margin-bottom: 3px;
   background-color: #dedede !important;
   line-height: normal;
 }
 .date-content .label{
     font-size:13px;
     position: absolute;
   margin-top: calc(-10px - 0.6vmin);
    font-weight: bold; 
   color: var(--highlight) !important;
  }
 /*  _________    Layer and modules */
 h4.exhibit {
   margin-bottom: 1vmin;
 }
 .layer.inner h2, m .layer.inner h3, .layer.inner h4 {
   z-index: 4;
   position: relative;
 }
 .long_left_image .avia-image-container {
   margin-left: -10% !important;
   width: 110% !important;
   min-width: 110%;
 }
 .long_left_image .container::before {
   background-color: var(--brightgrey);
   content: " ";
   position: absolute;
   z-index: 0;
   height: 50%;
   width: 100%;
   bottom: 12%;
   left: 5%;
 }
 .long_left_image .avia_textblock {
   font-size: 15px;
   padding: 3% 0 3% 4%;
 }
 #top div .avia-gallery {
   margin-bottom: 4%;
 }
 #top div .avia-gallery img {
   padding: 6%;
   border: none;
   background: none;
 }
 #top div .avia-gallery img, #top div .avia-gallery .first_thumb {
   padding-left: 0%;
 }
 @media only screen and (max-width: 767px) {
   .long_left_image .container::before {
     width: 100vw;
     bottom: 10vmin;
     height: 80%;
   }
   .long_left_image .avia_textblock {
     padding: 0;
     text-align: justify;
   }
   .long_left_image .avia-image-container {
     margin-left: -10.4% !important;
     width: 120.8% !important;
     min-width: 120.8%;
   }
 } /**/
 /* END Longleftimage */
 #top .hr-invisible, .hr-invisible .hr-inner {
   height: 15vmin !important;
 }
 @media only screen and (max-width: 767px) {
   #top .hr-invisible, .hr-invisible .hr-inner {
     height: 10vmin !important;
   }
 }
 /**/
 .flex_column .avia-video::before, .av-masonry::before, .flex_column .avia-image-container::before, .avia-section.layer.grey .avia-image-container::before, .avia-slideshow::before, .flex_column.av_one_half.el_after_av_one_half .avia-slideshow::before {
   background-color: var(--brightgrey);
   content: " ";
   position: absolute;
   z-index: -2;
 }
 /*   video und image in layercontainer  */
 .flex_column.first .avia-video, .flex_column.first .avia-slideshow {
   margin-bottom: 9vmin;
 }
 /* left and right images */
 .flex_column.av_one_half.el_after_av_one_half .avia-slideshow::before, .av_one_half.el_after_av_one_half .avia-image-container::before, .flex_column .avia-video::before {
   left: 25%;
   width: 110%;
   height: 110%;
   top: -20%;
 }
 .flex_column.first .avia-video::before, .flex_column.first .avia-slideshow::before, .flex_column.first .avia-image-container::before, .flex_column.first.el_after_av_one_half .avia-slideshow::before, .flex_column.first.el_after_av_one_half .avia-image-container::before {
   left: -25%;
   width: 110%;
   height: 110%;
   top: -25%;
 }
 @media only screen and (max-width: 767px) {
   .flex_column.first .avia-video, .flex_column.first .avia-slideshow, .left_right_section .avia-slideshow {
     margin-top: 9vmin;
     margin-bottom: 2vmin;
   }
   #intro .flex_column .avia-slideshow::before, .flex_column.av_one_half.el_after_av_one_half .avia-slideshow::before, #intro .flex_column .avia-video::before {
     left: 20%;
     width: 90%;
     top: 20%;
     height: 100%;
   }
   .avia-section .flex_column .avia-slideshow {
     left: -10.2% !important;
     width: 120.5% !important;
     min-width: 110.5% !important;
     height: calc(120.5 / 16 * 9) !important;
   }
   .avia-section .flex_column.first .avia-slideshow::before {
     top: 5%;
   }
 }
 /**/
 @media only screen and (min-width: 990px) and (max-width: 1279px) {
   .layer.inner .zusatztext {
     display: none;
   }
 } /**/
 /*::::::::::::::::::::::: masonry */
 /*.av-masonry {
  position: relative;
  overflow: visible;
}
.av-masonry::before {
  left: -10%;
  width: 220%;
  height: 40rem;
  top: -4rem;
}
.small_masonry .av-masonry::before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .av_one_half .av-masonry {
    margin-top: 10vmin;
  }
  .av_one_half .av-masonry::before {
    top: -2.8rem;
  }
} 
*/
 /**/
 /* END masonry */
 @media only screen and (min-width: 990px) and (max-width: 1620px) {
   .left_right_section .av_two_fifth.el_after_av_one_half {
     width: 46%;
   }
 } /**/
 @media only screen and (min-width: 1621px) {
   .left_right_section .av_two_fifth.el_after_av_one_half {
     float: right;
   }
 }
 /**/
 .avia-section.layer.inner .av_one_half div::before {
   width: 92%;
   height: 180%;
   top: -56%;
   left: 59%;
 }
 @media only screen and (max-width: 767px) {
   .avia-section.layer.inner .flex_column_table {
     position: relative;
     left: -10.4%;
     width: 110.4% !important;
   }
   .avia-section.layer.inner .flex_column_table.exhibit {
     left: -11%;
     width: 100% !important;
   }
   .avia-section.layer.inner .flex_column_table .av_textblock_section {
     width: 90% !important;
   }
   .avia-section.layer.inner .av_one_half:last-child {
     left: 10%;
   }
   .avia-section.layer.inner .avia-image-container::before {
     width: 100%;
     min-height: 380px;
     height: 190%;
     top: -40%;
     left: 35%;
   }
   .avia-section.layer.inner .avia-image-container {
     margin-right: 0px !important;
   }
 }
 /**/
 @media only screen and (min-width: 768px) {
   .avia-section.layer.inner .av_one_half:last-child {
     padding-left: 16% !important;
   }
   #nopadding {
     padding-left: 0px !important;
   }
 } /**/
 @media only screen and (min-width: 990px) {
   .avia-section.layer.inner .avia-image-container {
     margin-right: 6%;
   }
   .avia-section.layer.inner .av_textblock_section:nth-child(2), .avia-section.layer.inner .rightmoved {
     width: 43%;
     left: 56%;
     margin-bottom: -9%;
     margin-top: 3%;
     min-height: 230px;
   }
 } /**/
 /* END Layer and Modules*/
 /**/
 /**/
 /**/
 /*  ______________________ Header Social Icons  */
 .social_icons {
   position: absolute;
   left: calc(12px + 1vw);
   margin-top: 14vh;
   z-index: 10;
 }
 .social_icons > *, .social_icons span {
   margin-top: calc(11px + 0.2vmin);
   cursor: pointer;
   display: block;
 }
 .social_icons > * {
   margin-top: calc(6px + 0.2vmin);
 }
 .social_icons .grammer {
   border: calc(2px + .06vmin) solid rgba(130, 130, 130, 0.5);
   height: calc(37px + 1vw);
   background-color: rgba(250, 250, 250, 1);
   cursor: pointer;
   transition: all ease-in-out 0.3s;
 }
 .social_icons .grammer.insta, .social_icons .grammer.social {
   width: calc(37px + 1vw);
   opacity: .96;
 }
 .social_icons svg {
   width: calc(37px + 1vw);
   height: calc(37px + 1vw);
 }
 .social_icons .grammer.social {
   background-size: 45%;
   background-position: 38% 54%;
 }
 .social_icons .grammer:hover, .social_icons .grammer.active {
   background-color: var(--highlight);
   transition: all ease-in-out 0.3s;
   border-color: var(--highlight);
 }
 .social_icons .grammer:hover > svg > path, .active path {
   fill: #fff !important;
   background-color: var(--highlight);
 }
 .active {
   opacity: 1 !important;
 }
 @media only screen and (max-width: 1023px) {
   .social_icons {
     left: 0px;
   }
 } /**/
 @media only screen and (max-width: 767px) {
   .social_icons {
     display: none;
     left: -3px;
   }
 } /**/
 @media only screen and (min-width: 1740px) {
   /*.social_icons {
            margin-top: 35.6vh;
          }
          */ 
   .avia-post-nav {
     display: block;
   }
 } /**/
 .addto_social {
   display: none;
   height: calc(37px + 1vw);
   transition: all ease-in-out 0.5s;
   margin-top: calc(-37px - 1vw) !important;
   margin-bottom: -8%;
   opacity: 0;
 }
 .addto_social {
   float: left;
 }
 .social_icons_outerlayer {
   overflow: hidden;
   width: 100vw;
   height: 12000vh;
   background-color: rgba(255, 255, 255, 0.6);
   position: absolute;
   z-index: 7;
   top: 0px;
   cursor: pointer;
   /*! filter: blur(60px); */
 }
 .addto_social.active {
   display: block;
   opacity: 1;
   margin-left: calc(47px + 1vw);
   float: left;
   padding: 0 2vmin;
   background-color: var(--highlight) !important;
 }
 .active {
   /*! background-color: var(--highlight) !important; */
 }
 .addtoany_shortcode a {
   margin-right: -1vmin;
   transition: all ease-in-out 0.3s;
 }
 .active .addtoany_shortcode a {
   padding-right: .5vmin !important;
   transition: all ease-in-out 0.4s;
   margin-right: 1vmin;
 }
 .a2a_svg {
   width: calc(18px + .6vw) !important;
   padding-left: 0.2vw;
 }
 .a2a_svg path {
   /*!   fill: var(--highlight) !important; */
   fill: #fff !important;
 }
 /* END Social Sharing */
 /*   ______________________________________________________________   
                            Tab Arrow Container 
__________________________________________________________________*/
 .av-layout-tab-inner .av_slideshow::before, .av-layout-tab-inner .av_video::before {
   display: none !important;
 }
 .av-tab-section-tab-title-container {
   border-bottom: 4px solid var(--brightgrey_fixed);
   padding: 0 0 0 0;
   height: 70px !important;
   margin: 0px;
 }
 .av-tab-arrow-container {
   height: 4px;
   width: 100%;
   top: auto;
   bottom: -12px;
   transform: scale(0, 1);
   transition: transform 0.2s ease;
 }
 .av-active-tab-title .av-tab-arrow-container, .av-section-tab-title:hover > .av-tab-arrow-container {
   background-color: var(--highlight);
   top: 4px;
   transform: scale(1, 1);
   transition: transform 0.2s ease;
 }
 .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
   margin-bottom: 0px;
   width: auto;
 }
 .avia-tab-title-padding-default .av-outer-tab-title {
   padding: 10px 0;
 }
 .av-layout-tab {
   padding: 8vmin 0;
 }
 /* END tab conainer*/
 /**/
 /**/
 /**/
 /*   ____________________________________________________________________
                             Insta Container with masonry  
________________________________________________________________________*/
 .small_masonry {
   min-height: 50vw;
 }
 .small_masonry .avia_textblock p:first-child::before, .small_masonry .followus::before {
   position: absolute;
   content: " ";
   background-color: var(--brightgrey);
   z-index: -2;
 }
 .small_masonry .avia_textblock p:first-child::before {
   width: 80%;
   height: 160%;
   top: -12%;
   left: -50%;
   z-index: -1;
 }
 @media only screen and (max-width: 767px) {
   .small_masonry .masonry_half {
     left: -11% !important;
     width: 110% !important;
   }
   .small_masonry p:nth-child(1) {
     padding-top: 20px;
   }
   .small_masonry .avia_textblock p::before {
     width: 85%;
     height: 140%;
     top: -4%;
     /*! left: 25%; */
   }
   .small_masonry .followus::before {
     width: 85%;
     height: 70%;
     left: 25%;
     top: 30%;
   }
   .small_masonry .avia_textblock p:first-child::before {
     display: none !important;
   }
 }
 /**/
 @media only screen and (min-width: 768px) {
   .small_masonry.layer.inner .av_textblock_section:nth-child(2) {
     position: relative;
     width: 44%;
     left: 55%;
     margin-bottom: -10%;
     margin-top: 6%;
     min-height: 230px;
   }
   .small_masonry .masonry_half {
     position: absolute;
     top: 0px;
     left: 8% !important;
     max-width: 41%;
     margin-top: 33vmin;
     z-index: 2;
   }
 }
 /**/
 @media only screen and (min-width: 990px) {
   .small_masonry.layer.inner .av_textblock_section:nth-child(2) {
     margin-top: 50px;
   }
 }
 /**/
 .followus a b {
   margin-left: calc(40px + 1vmin);
   padding-bottom: 1.2em;
   line-height: 1.5em;
   float: left;
   color: #000;
 }
 .followus a b::before {
   height: calc(30px + 1vmin) !important;
   width: calc(30px + 1vmin) !important;
   margin-left: calc(-40px - 1vmin) !important;
   background-size: 84% !important;
 }
 .followus {
   float: left;
   margin-top: 30px;
 }
 @media only screen and (max-width: 767px) {
   .followus a b {
     margin-left: 32px !important;
   }
   .followus a b::before {
     background-size: 72% !important;
     margin-left: -32px !important;
   }
 }
 /**/
 /*  END  insta  */
 /* correction for the masonry  */
 @media only screen and (max-width: 767px) {
   /* super correction of the grid*/
   .responsive #top .av-masonry-entry {
     width: 50% !important;
   }
   .responsive #top .small_masonry .av-masonry-entry {
     width: 32% !important;
   }
   .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
     right: 10px;
     bottom: 10px;
   }
   #top .container .av-masonry.av-large-gap {
     width: 102%;
     width: calc(100% + 10px);
   }
 }
 /**/
 @media only screen and (max-width: 989px) {
   /* super correction of the grid*/
   .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
     right: 13px;
     bottom: 13px;
   }
   #top .container .av-masonry.av-large-gap {
     width: 102%;
     width: calc(100% + 13px);
   }
 } /**/
 /*  END masonry  insta  */
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /*  __________________________   Publications Module */
 .pub-outer {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
 }
 @media only screen and (min-width: 768px) {
   .desktop.textcontent.publications {
     width: 50%;
   }
   .desktop.textcontent.publications .inner {
     width: 85%;
   }
   .innerhalf {
     padding: 9%;
     width: 50%;
   }
 }
 /**/
 @media only screen and (min-width: 990px) {
   .desktop.textcontent.publications .inner {
     width: 85%;
     padding-left: 10%;
   }
 }
 /**/
 .publications-img {
   background-color: var(--brightgrey)
 }
 .publications-img img {
   box-shadow: 2px 2px 10px rgba(40, 40, 40, 0.9);
   transition: all ease-in-out 0.3s;
 }
 .publications-img img:hover {
   box-shadow: 1px 1px 4px rgba(40, 40, 40, 0.5);
   transition: all ease-in-out 0.3s;
 }
 .publications-img a {
   overflow: visible !important;
 }
 h2.mobile, h3.mobile, div.mobile {
   display: none;
 }
 @media only screen and (max-width: 767px) {
   .pub-outer {
     display: block;
   }
   h2.desktop, h3.desktop, div.desktop {
     display: none;
   }
   h2.mobile, h3.mobile, div.mobile {
     display: block;
     /*! padding-top: 4vmin; */
   }
   div.mobile.publications p {
     padding-top: 5vmin;
     padding-bottom: 4vmin;
   }
   .innerhalf {
     max-width: 100%;
   }
   .innerhalf.textcontent {
     padding: 0;
   }
   .publications-img {
     float: none;
     width: 140%;
     max-width: none;
     margin-left: -20%;
     padding: 12vmin 22vmin !important;
   }
 }
 /**/
 /* END Publications Module*/
 /* ==========================================================================================================
                                        Horizontale Gallery
============================================================================================================= */
 .av-horizontal-gallery-inner {
   position: relative;
   white-space: nowrap;
   opacity: 0;
   overflow: visible;
 }
 .av-horizontal-gallery-slider {
   left: 0;
   position: absolute;
   height: 100%;
   width: 100%;
 }
 .av-horizontal-gallery-wrap {
   height: 100%;
   top: 0;
   display: inline-block;
   position: relative;
   z-index: 1;
   user-select: none;
   cursor: pointer;
   vertical-align: top;
 }
 .av-horizontal-gallery-animated .av-horizontal-gallery-inner {
   transition: opacity 0.4s ease-in-out;
   opacity: 1;
 }
 .av-horizontal-gallery-animated .av-horizontal-gallery-slider {
   transition: left 0.4s ease-in-out;
 }
 .av-horizontal-gallery-animated .av-horizontal-gallery-wrap {
   transition: all 0.4s ease-in-out;
 }
 .av-horizontal-gallery-wrap:after {
   height: 100%;
   width: 100%;
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   z-index: 5;
 }
 .av-horizontal-gallery-enlarge-effect.av-horizontal-gallery {
   padding: 60px 0;
 }
 .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
   z-index: 2;
   transform: scale(1.3);
 }
 .av-horizontal-gallery-wrap:first-child {
   transform-origin: 0% 50%;
 }
 .av-horizontal-gallery-wrap:last-child {
   transform-origin: 100% 50%;
 }
 .av-horizontal-gallery-wrap.av-active-gal-item:after {
   display: none;
 }
 .av-horizontal-gallery-link {
   position: absolute;
   opacity: 0;
   bottom: 10px;
   right: 10px;
   transition: opacity 0.4s ease-in-out;
   z-index: 100;
 }
 .av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link {
   opacity: 1;
 }
 .av-horizontal-gallery-img {
   height: 100%;
   width: auto;
   /*! height: 100%; */
   display: block
 }
 .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
   margin-right: 15px;
 }
 .av-horizontal-gallery-1px-gap .av-horizontal-gallery-wrap {
   margin-right: 1px;
 }
 #top .av-horizontal-gallery-link {
   color: #fff;
   background: rgba(0, 0, 0, 0.3);
   display: block;
   line-height: 24px;
   width: 24px;
   text-align: center;
   border-radius: 3px;
   text-decoration: none;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
 .av-horizontal-gallery .avia-slideshow-controls a {
   opacity: 0;
 }
 .av-horizontal-gallery:hover .avia-slideshow-controls a {
   opacity: 1;
 }
 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (max-width: 767px) {
   .responsive #top .avia-slideshow-dots {
     display: block;
   }
   .responsive #top .av-horizontal-gallery .avia-slideshow-controls a {
     display: block;
   }
   .responsive .av-horizontal-gallery-inner {
     position: static;
     min-height: 180px;
   }
   .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }
   .responsive .av-horizontal-gallery-wrap {
     max-width: 85vw;
     margin: 0;
     overflow: hidden;
   }
   .responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap {
     max-width: 100vw;
   }
 }
 /*  _________________________________________   horizontale Gallerie */
 #horizontale-gallerie .avia-content-slider {
   padding-left: 7%;
   padding-top: 4vmin !important;
   ;
 }
 @media only screen and (min-width: 768px) {
   .page-template-default .avia-content-slider div .av_one_third {
     margin-left: 1.94%;
     width: 32%;
   }
   .page-template-default .avia-content-slider div .av_one_third.first {
     margin-left: 0%;
   }
 } /**/
 .Horizontale.Gallerie {
   height: auto;
 }
 #top .av-horizontal-gallery-link:hover {
   -webkit-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
 }
 @media only screen and (min-width: 768px) {
   .Horizontale.Gallerie .no_margin.av_four_fifth {
     width: 90% !important;
     overflow: hidden;
   }
 }
 /**/
 .Horizontale.Gallerie .flex_cell {
   display: block !important;
 }
 #top .av-horizontal-gallery-link {
   height: 25px !important;
   width: 25px !important;
   line-height: 18px !important;
   padding-top: 3px !important;
   top: 13px;
   right: 3%;
 }
 #top .high .av-horizontal-gallery-link {
   right: 6%;
 }
 .av-active-gal-item .av-horizontal-gallery-link, .av-horizontal-gallery .avia-slideshow-controls a {
   opacity: 1;
 }
 .Horizontale.Gallerie .av_textblock_section {
   padding-left: 22vw;
   max-width: 79%;
 }
 .Horizontale.Gallerie.high .av_textblock_section {
   top: -46px;
   position: relative;
   /*! margin-top: calc(10px); */
   /*! top: calc(-30px + -3vmin); */
 }
 .Horizontale.Gallerie .av_textblock_section::last-of-type {
   padding-left: 19vmin !important;
 }
 .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
   transform: none;
   padding: 0px .3vmin;
 }
 .av-horizontal-gallery {
   z-index: 3;
   padding-bottom: 80px !important;
   padding-top: 4vmin;
 }
 .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
   margin-right: 6px !important;
 }
 #top .av-horizontal-gallery-link {
   color: #fff;
   background: rgba(0, 0, 0, 0.3);
   display: block;
   line-height: 24px;
   width: 24px;
   text-align: center;
   border-radius: 3px;
   text-decoration: none;
   transition: all 0.2s ease-in-out;
 }
 /* controls */
 .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls, .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls a {
   height: 26px !important;
   width: 26px !important;
 }
 .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls {
   position: absolute;
   bottom: calc(24px + .4vmin);
   left: 22vw;
 }
 .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls a {
   font-size: 20px !important;
   margin: 0 !important;
   opacity: 1;
 }
 .Horizontale.Gallerie.high .avia-slideshow-arrows.avia-slideshow-controls {
   left: 14%;
   bottom: 30px;
 }
 .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls a::before {
   background: none !important;
   color: #000;
   opacity: 1 !important;
 }
 .Horizontale.Gallerie a.next-slide {
   left: 40px !important;
 }
 .Horizontale.Gallerie a::before {
   line-height: 20px !important;
   font-size: 20px;
 }
 /**/
 .Horizontale.Gallerie p {
   margin: 0 !important;
 }
 .Horizontale.Gallerie::before {
   content: " ";
   position: absolute;
   background-color: var(--brightgrey);
   width: 32%;
   height: 74%;
   top: 18%;
   z-index: 0;
 }
 @media only screen and (min-width: 768px) {
   .Horizontale.Gallerie.high::before {
     height: 45%;
     top: 40%;
     width: 90%;
     right: 0px;
   }
 } /**/
 /****/
 @media only screen and (max-width: 767px) {
   .Horizontale.Gallerie a.next-slide {
     left: 30px !important;
   }
   .Horizontale.Gallerie.high a::before {
     /*! color: #ffffff !important; */
   }
   .Horizontale.Gallerie .av_textblock_section {
     padding-left: 19%;
     max-width: 87%;
     z-index: 2;
     position: relative;
   }
   .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls {
     left: 9%;
     /*! bottom: 16vmin; */
     opacity: 1 !important;
   }
   .Horizontale.Gallerie.high .av_textblock_section {
     margin-top: 1px;
     margin-left: -30px;
   }
   .Horizontale.Gallerie.high .av-horizontal-gallery {
     padding-bottom: 90px !important;
     padding-top: 0px;
   }
   .Horizontale.Gallerie.high::after {
     content: " ";
     position: absolute;
     background-color: var(--brightgrey);
     width: 91.5%;
     height: 70%;
     right: 0px;
     top: 33%;
     z-index: 1;
   }
   .Horizontale.Gallerie::before {
     width: 32%;
     height: 75%;
     top: unset;
     bottom: 10%;
     z-index: 0;
   }
   .Horizontale.Gallerie.high::before {
     display: none !important;
   }
   .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }
   .responsive .av-horizontal-gallery-wrap {
     max-width: 80vw;
     margin: 0;
     overflow: hidden;
     height: auto;
   }
   .responsive .hochkant .av-horizontal-gallery-wrap {
     max-width: 50vw;
     margin: 0;
     overflow: visible;
   }
   .responsive .av-horizontal-gallery-img {
     height: auto;
     width: 98%;
     -webkit-transform: translate(0, 0%);
     -ms-transform: translate(0, 0%);
     transform: translate(0%, 0%);
     top: 0%;
     position: relative;
   }
   .Horizontale.Gallerie .av_textblock_section .left_inner {
     padding-left: 16vmin;
     max-width: 90%;
   }
 }
 /**/
 /* END max-width: 767px */
 @media only screen and (max-width: 580px) {
   .Horizontale.Gallerie .av_textblock_section {
     padding-left: 6.777%;
     max-width: 90%;
   }
   .Horizontale.Gallerie.high .av_textblock_section {
     margin-left: 30px;
   }
   .Horizontale.Gallerie .avia-slideshow-arrows.avia-slideshow-controls {
     bottom: 35px;
   }
   .Horizontale.Gallerie.high .av_textblock_section {
     /*! padding-top: 2vmin; */
   }
 }
 /*   END 580 */
 /* END Horizontal Gallery */