body
{
   background-color: #FFFFFF;
   background-image: url('../images/Bauzaun%2d20.png');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: repeat;
   color: #000000;
   font-family: Asap;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.visibility-hidden
{
   visibility: hidden;
}
@font-face
{
   font-family: "Asap";
   font-weight: 100 900;
   font-display: swap;
   font-stretch: 75% 125%;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   src: url('../fonts/Asap-subset0.woff2') format('woff2');
}
@keyframes animate-fade-in-left
{
   0% { transform: translate(-100px,0px) rotate(0deg) ; opacity: 0;  }
   100% { transform: translate(0px,0px) rotate(0deg) ; opacity: 1;  }
}
@keyframes animate-fade-out
{
   0% { opacity: 1;  }
   100% { opacity: 0;  }
}
@keyframes puff-in
{
   0% { transform: rotate(0deg) scale(2,2) ; opacity: 0; transform-origin: 50% 50%;  }
   100% { transform: rotate(0deg) scale(1,1) ; opacity: 1; transform-origin: 50% 50%;  }
}
a.Email
{
   color: #286D55;
   text-decoration: none;
}
a.Email:visited
{
   color: #FFFFFF;
   text-decoration: underline;
}
a.Email:active
{
   color: #FFFFFF;
   text-decoration: underline;
}
a.Email:hover
{
   color: #000000;
   text-decoration: underline;
}
#wb_LayoutGrid5
{
   clear: both;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 16.66666667%;
   max-width: 16.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid5 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 83.33333333%;
   max-width: 83.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid rgba(255,255,255,0.00);
   border-radius: 10px;
   box-sizing: border-box;
   margin: 0 0 -10px 0 ;
   margin-right: auto;
   margin-left: auto;
   max-width: 1160px;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 0 20px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 10px;
   box-sizing: border-box;
   margin: -10px 0 0 0 ;
   margin-right: auto;
   margin-left: auto;
   max-width: 1160px;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_SlideShow1
{
   min-height: 20px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #E3E3E3;
   border-radius: 0px;
   box-sizing: border-box;
   width: 100%;
   table-layout: fixed;
   display: table;
   margin: 10px 0 10px 0 ;
}
#SlideShow1
{
   padding: 0;
   position: relative;
   margin: 0;
   line-height: 1;
   height: 100%;
   box-sizing: border-box;
}
#SlideShow1 .carousel-inner
{
   overflow: hidden;
   width: 100%;
   position: relative;
}
#SlideShow1 .carousel-inner > .carousel-item
{
   display: none;
   position: relative;
   transition: 0.6s ease-in-out left;
}
#SlideShow1 .carousel-inner > .carousel-item > img, #SlideShow1 .carousel-inner > .carousel-item > a > img
{
   display: block;
   line-height: 1;
}
#SlideShow1 .carousel-inner > .active, #SlideShow1 .carousel-inner > .carousel-item-next, #SlideShow1 .carousel-inner > .carousel-item-prev
{
   display: block;
}
#SlideShow1 .carousel-inner > .active
{
   left: 0;
}
#SlideShow1 .carousel-inner > .carousel-item-next, #SlideShow1 .carousel-inner > .carousel-item-prev
{
   position: absolute;
   top: 0;
   width: 100%;
}
#SlideShow1 .carousel-inner > .carousel-item-next
{
   left: 100%;
}
#SlideShow1 .carousel-inner > .carousel-item-prev
{
   left: -100%;
}
#SlideShow1 .carousel-inner > .carousel-item-next.carousel-item-start, #SlideShow1 .carousel-inner > .carousel-item-prev.carousel-item-end
{
   left: 0;
}
#SlideShow1 .carousel-inner > .active.carousel-item-start
{
   left: -100%;
}
#SlideShow1 .carousel-inner > .active.carousel-item-end
{
   left: 100%;
}
#SlideShow1 .thumbnails
{
   margin: 0;
   padding: 0;
   width: 100%;
}
#SlideShow1 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   float: left;
   text-align: center;
   vertical-align: top;
   padding-right: 1px;
   width: 100%;
}
#SlideShow1 .thumbnail img
{
   max-width: 100%;
   width: 100%;
   height: auto;
   vertical-align: middle;
   box-sizing: border-box;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
#wb_SlideShow1 .carousel-control-next, #wb_SlideShow1 .carousel-control-prev
{
   cursor: pointer;
   position: absolute;
   text-align: center;
   top: 0;
   left: 0;
   opacity: 0.5;
}
#wb_SlideShow1 .carousel-control-next-icon, #wb_SlideShow1 .carousel-control-prev-icon
{
   display: inline-block;
   width: 32px;
   height: 32px;
   background: transparent no-repeat center center;
   background-size: 100% 100%;
}
#wb_SlideShow1 .carousel-control-next:hover, #wb_SlideShow1 .carousel-control-prev:hover
{
   text-decoration: none;
   outline: 0;
   opacity: 1;
}
#wb_SlideShow1 .carousel-control-prev-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23286D55%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M3%2058%20C0%2062%2c%200%2067%2c%203%2070%20L43%20110%20C46%20113%2c%2051%20113%2c%2054%20110%20C57%20107%2c%2057%20102%2c%2054%2098%20L28%2072%20L120%2072%20C125%2072%2c%20128%2069%2c%20128%2064%20C128%2060%2c%20125%2056%2c%20120%2056%20L28%2056%20L54%2030%20C57%2027%2c%2057%2022%2c%2054%2018%20C51%2015%2c%2046%2015%2c%2043%2018%20L3%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_SlideShow1 .carousel-control-prev:hover .carousel-control-prev-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M3%2058%20C0%2062%2c%200%2067%2c%203%2070%20L43%20110%20C46%20113%2c%2051%20113%2c%2054%20110%20C57%20107%2c%2057%20102%2c%2054%2098%20L28%2072%20L120%2072%20C125%2072%2c%20128%2069%2c%20128%2064%20C128%2060%2c%20125%2056%2c%20120%2056%20L28%2056%20L54%2030%20C57%2027%2c%2057%2022%2c%2054%2018%20C51%2015%2c%2046%2015%2c%2043%2018%20L3%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_SlideShow1 .carousel-control-next-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23286D55%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M126%2070%20C129%2067%2c%20129%2062%2c%20126%2058%20L86%2018%20C83%2015%2c%2078%2015%2c%2075%2018%20C72%2022%2c%2072%2027%2c%2075%2030%20L101%2056%20L8%2056%20C4%2056%2c%200%2060%2c%200%2064%20C0%2069%2c%204%2072%2c%208%2072%20L101%2072%20L75%2098%20C72%20102%2c%2072%20107%2c%2075%20110%20C78%20113%2c%2083%20113%2c%2086%20110%20L126%2070Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_SlideShow1 .carousel-control-next:hover .carousel-control-next-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M126%2070%20C129%2067%2c%20129%2062%2c%20126%2058%20L86%2018%20C83%2015%2c%2078%2015%2c%2075%2018%20C72%2022%2c%2072%2027%2c%2075%2030%20L101%2056%20L8%2056%20C4%2056%2c%200%2060%2c%200%2064%20C0%2069%2c%204%2072%2c%208%2072%20L101%2072%20L75%2098%20C72%20102%2c%2072%20107%2c%2075%20110%20C78%20113%2c%2083%20113%2c%2086%20110%20L126%2070Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_Text1 
{
   background-color: rgba(255,255,255,0.70);
   background-image: none;
   border: 1px solid transparent;
   border-radius: 10px;
   padding: 10px 0 10px 0;
   margin: 0 0 10px 0 ;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   backdrop-filter: blur(2px);
   transition: backdrop-filter 0ms linear 0ms;
}
#wb_Text1
{
   display: block;
   margin: 0 0 10px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text2 
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   padding: 10px 0 10px 0;
   margin: 10px 0 10px 0 ;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text2
{
   display: block;
   margin: 10px 0 10px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_OverlayMenu1
{
   position: relative;
}
#wb_OverlayMenu1
{
   margin: 0;
}
#OverlayMenu1
{
   background-color: #286D55;
   background-image: none;
   border: 1px solid rgba(40,109,85,0.00);
   border-radius: 25px;
   cursor: pointer;
   user-select: none;
}
#OverlayMenu1:hover
{
   background-color: #286D55;
   background-image: none;
   border-color: #286D55;
}
#OverlayMenu1
{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 51px;
   height: 48px;
   position: relative;
   overflow: hidden;
}
#OverlayMenu1.open .line:nth-child(1)
{
}
#OverlayMenu1.open .line:nth-child(2)
{
}
#OverlayMenu1.open .line:nth-child(3)
{
}
#OverlayMenu1 svg
{
   overflow: visible;
   transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#OverlayMenu1.open svg
{
   transform: rotate(45deg);
}
#OverlayMenu1 .line
{
   fill: none;
   transition: stroke-dasharray 500ms, stroke-dashoffset 500ms;
   stroke: #FFFFFF;
   stroke-width: 6.72;
   stroke-linecap: square;
}
#OverlayMenu1 .line.top
{
   stroke-dasharray: 40 139;
}
#OverlayMenu1 .line.bottom
{
   stroke-dasharray: 40 180;
}
#OverlayMenu1.open .line.top
{
   stroke-dashoffset: -98px;
}
#OverlayMenu1.open .line.bottom
{
   stroke-dashoffset: -138px;
}
#OverlayMenu1-close
{
   background: transparent;
   font-size: 10px;
   height: 2.8em; 
   outline: none;
   position: absolute;
   right: 10px;
   text-align: left;
   top: 10px;
   width: 3em; 
}
#OverlayMenu1-close:before, #OverlayMenu1-close:after
{
   background: #FFFFFF;
   content: "";
   display: block;
   height: 0.6em;
   left: 0;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%;
}
#OverlayMenu1-close span
{
   background: #FFFFFF;
   height: 0.6em;
   margin-top: -0.3em;
   position: absolute;
   top: 50%;
   transform-origin: 50% 50%;
   width: 100%;
}
#OverlayMenu1-close span::after
{
   background: #FFFFFF;
   content: "";
   display: block;
   height: 0.6em;
   position: absolute;
   transform-origin: 50% 50%;
   width: 100%;
}
#OverlayMenu1-close:before
{
   margin-top: -0.3em;
   opacity: 0;
   top: 50%;
}
#OverlayMenu1-close:after
{
   bottom: 50%;
   opacity: 0;
}
#OverlayMenu1-close span
{
   background: #FFFFFF;
   transform: rotate(-45deg);
}
#OverlayMenu1-close span:after
{
   background: #FFFFFF;
   transform: rotate(-90deg);
}
#OverlayMenu1-overlay
{
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   left: 0;
   overflow-y: auto;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -1;
   background-color: rgba(40,109,85,0.87);
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
}
#OverlayMenu1-overlay ul
{
   font-family: Asap;
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   text-decoration: none;
   text-transform: none;
   list-style: none;
   margin: 0;
   padding: 0;
}
.OverlayMenu1
{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: row;
   width: 100%;
   max-width: 780px;
}
.OverlayMenu1 a
{
   text-decoration: none;
}
.OverlayMenu1 ul
{
   list-style: none;
   padding: 0;
   text-align: center;
}
.OverlayMenu1 li
{
   position: relative;
}
.OverlayMenu1 li a
{
   display: block;
   position: relative;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   outline: none;
}
.OverlayMenu1 li a:hover
{
   color: #FFFFFF;
   background-color: #286D55;
}
#OverlayMenu1-overlay
{
   opacity: 0;
   visibility: hidden;
   transition: opacity 400ms, visibility 0s 400ms;
}
#OverlayMenu1-overlay.show
{
   z-index: 7778 !important;
   opacity: 1;
   visibility: visible;
   transition: opacity 0.5s;
}
#OverlayMenu1-overlay .OverlayMenu1
{
   animation: 400ms linear 400ms both none;
}
#OverlayMenu1-overlay.show .OverlayMenu1
{
   animation-name: puff-in;
}
#OverlayMenu1-overlay.hide .OverlayMenu1
{
   animation-name: none;
}
#OverlayMenu1-overlay .overlay-icon
{
   margin: 0 20px 0 0 ;
}
#OverlayMenu1-social
{
   padding: 20px 0 0 0;
}
#OverlayMenu1-social .social-icon 
{
   border-radius: 50%;
   background-color: #FFFFFF;
   color: #286D55;
   display: inline-block;
   font-size: 17px;
   margin: 0 .5em;
   padding: 6px;
   transition: all .2s linear 0s;
   width: 17px;
}
#OverlayMenu1-social .social-icon:hover 
{
   background-color: #FFFFFF;
   color: #286D55;
}
.OverlayMenu1-effect
{
   transition: all 500ms linear;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px 0 60px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 41.66666667%;
   max-width: 41.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-end;
   align-self: stretch;
   align-items: flex-end;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid3 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 58.33333333%;
   max-width: 58.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}