body
{
   background-color: #C0C0C0;
   background-image: url('../images/imgonline%2dcom%2dua%2dTextureSeamless%2dAmhrtOK6XW9.jpg');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 400;
   font-weight: 400;
   font-weight: 400;
   font-size: 19px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
   #wb_mfLayoutGrid2
   {
      background-attachment: scroll !important;
   }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)
{
   #wb_mfLayoutGrid2
   {
      background-attachment: scroll !important;
   }
}
#wb_masterframeLayoutGrid1
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: radial-gradient(circle, rgba(255,255,255,0.82) 0%, rgba(211,211,211,0.82) 100%);
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #882035;
   border-right-color: #882035;
   border-bottom-color: #882035;
   border-left-color: #882035;
   box-sizing: border-box;
   margin: 0;
}
#masterframeLayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 25px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#masterframeLayoutGrid1 > .col-1, #masterframeLayoutGrid1 > .col-2, #masterframeLayoutGrid1 > .col-3, #masterframeLayoutGrid1 > .col-4, #masterframeLayoutGrid1 > .col-5
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#masterframeLayoutGrid1 > .col-1, #masterframeLayoutGrid1 > .col-2, #masterframeLayoutGrid1 > .col-3, #masterframeLayoutGrid1 > .col-4, #masterframeLayoutGrid1 > .col-5
{
   flex: 0 0 auto;
}
#masterframeLayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#masterframeLayoutGrid1 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#masterframeLayoutGrid1 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#masterframeLayoutGrid1 > .col-4
{
   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: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#masterframeLayoutGrid1 > .col-5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 8.33333333%;
   max-width: 8.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 320px)
{
#masterframeLayoutGrid1 > .col-1, #masterframeLayoutGrid1 > .col-2, #masterframeLayoutGrid1 > .col-3, #masterframeLayoutGrid1 > .col-4, #masterframeLayoutGrid1 > .col-5
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_masterframeLayoutGrid1
{
   z-index: 1000;
   backdrop-filter: blur(25px);
   transition: z-index 0ms linear 0ms, backdrop-filter 0ms linear 0ms;
}
#wb_indexLayoutGrid_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#indexLayoutGrid_footer
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 15px 0;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid_footer > .col-1, #indexLayoutGrid_footer > .col-2, #indexLayoutGrid_footer > .col-3, #indexLayoutGrid_footer > .col-4, #indexLayoutGrid_footer > .col-5
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#indexLayoutGrid_footer > .col-1, #indexLayoutGrid_footer > .col-2, #indexLayoutGrid_footer > .col-3, #indexLayoutGrid_footer > .col-4, #indexLayoutGrid_footer > .col-5
{
   flex: 0 0 auto;
}
#indexLayoutGrid_footer > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#indexLayoutGrid_footer > .col-2
{
   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: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#indexLayoutGrid_footer > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#indexLayoutGrid_footer > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#indexLayoutGrid_footer > .col-5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 8.33333333%;
   max-width: 8.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#indexLayoutGrid_footer > .col-1, #indexLayoutGrid_footer > .col-2, #indexLayoutGrid_footer > .col-3, #indexLayoutGrid_footer > .col-4, #indexLayoutGrid_footer > .col-5
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_mfImage2
{
   margin: 0;
   vertical-align: top;
}
#mfImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 145px;
   height: 65px;
   vertical-align: top;
}
#wb_mfText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 15px 0 ;
   text-align: center;
}
#wb_mfText4 div
{
   text-align: center;
}
#wb_mfText4
{
   display: block;
   margin: 0 0 15px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_mfText2 div
{
   text-align: center;
}
#wb_mfText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_mfText3 div
{
   text-align: center;
}
#wb_mfText3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfImage3
{
   margin: 0;
   vertical-align: top;
}
#mfImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 60px;
   height: 60px;
   vertical-align: top;
}
#wb_masterframeCssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: center;
   position: relative;
   z-index: 1111 !important;
}
#wb_masterframeCssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   position: relative;
   display: inline-block;
}
#wb_masterframeCssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 4px 0px 0px;
}
#wb_masterframeCssMenu1 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_masterframeCssMenu1 > ul > li > a
{
   height: 28px;
   line-height: 28px;
   padding: 0px 5px 0px 5px;
}
#wb_masterframeCssMenu1 li:hover a, #wb_masterframeCssMenu1 a:hover, #wb_masterframeCssMenu1 .active
{
   color: #EFDFAF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_masterframeCssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_masterframeCssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_masterframeCssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
@media all and (max-width:320px) 
{
#wb_masterframeCssMenu1 ul
{
   width: 100%;
}
#wb_masterframeCssMenu1 li
{
   padding: 0 0px 4px 0px !important;
   width: 100% !important;
}
#wb_masterframeCssMenu1 a
{
   box-sizing: border-box;
   float: none !important;
   width: 100% !important;
}

}
#wb_indexCard8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#indexCard8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#indexCard8-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_indexCard8:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_indexCard8
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_indexHeading7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 80px 0 20px 50px;
   padding: 0;
   text-align: left;
}
#indexHeading7
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
   text-transform: none;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.50);
}
#wb_impressumText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 100px 50px;
   text-align: left;
}
#wb_impressumText3 div
{
   text-align: left;
}
#wb_impressumText3
{
   display: block;
   margin: 0 0 100px 50px;
   box-sizing: border-box;
   width: calc(100% - 50px);
}
#wb_trockenbauLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #006071;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#trockenbauLayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#trockenbauLayoutGrid2 > .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)
{
#trockenbauLayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_referenzen-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#referenzen-grid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 75px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#referenzen-grid > .col-1, #referenzen-grid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#referenzen-grid > .col-1, #referenzen-grid > .col-2
{
   flex: 0 0 auto;
}
#referenzen-grid > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#referenzen-grid > .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: 800px)
{
#referenzen-grid > .col-1, #referenzen-grid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_trockenbauText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 0 30px;
   text-align: left;
}
#wb_trockenbauText1 div
{
   text-align: left;
}
#wb_trockenbauText1
{
   display: block;
   margin: 0 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 20px 0 0 30px;
   text-align: left;
}
#wb_trockenbauText2
{
   color: #4F4F4F;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 27px;
}
#wb_trockenbauText2 p, #wb_trockenbauText2 ul
{
   margin: 0;
   padding: 0;
}
#wb_trockenbauText2
{
   display: block;
   margin: 20px 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#trockenbauLayoutGrid1 > .row > .col-1, #trockenbauLayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid1 > .row > .col-1, #trockenbauLayoutGrid1 > .row > .col-2
{
   float: left;
}
#trockenbauLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid1:before,
#trockenbauLayoutGrid1:after,
#trockenbauLayoutGrid1 .row:before,
#trockenbauLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#trockenbauLayoutGrid1:after,
#trockenbauLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#trockenbauLayoutGrid1 > .row > .col-1, #trockenbauLayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_trockenbauLayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid3 > .col-1, #trockenbauLayoutGrid3 > .col-2, #trockenbauLayoutGrid3 > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#trockenbauLayoutGrid3 > .col-1, #trockenbauLayoutGrid3 > .col-2, #trockenbauLayoutGrid3 > .col-3
{
   flex: 0 0 auto;
}
#trockenbauLayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: url('../images/Firefly_gerüstbau%20an%20einem%20haus%20589683%281%29.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#trockenbauLayoutGrid3 > .col-2
{
   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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#trockenbauLayoutGrid3 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 8.33333333%;
   max-width: 8.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: 1024px)
{
#trockenbauLayoutGrid3 > .col-1, #trockenbauLayoutGrid3 > .col-2, #trockenbauLayoutGrid3 > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#kontaktShape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_kontaktShape1
{
   margin: 0;
   vertical-align: top;
}
#wb_trockenbauCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #808080;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard1-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid transparent;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard1:hover #trockenbauCard1-card-item0
{
   transform:  translate3d(-15px,-15px,0px) rotateX(0deg) ;
   box-shadow: 3px 3px 20px #000000;
   transition: transform 350ms linear 0ms, box-shadow 350ms linear 0ms;
}
#trockenbauCard1-card-item0
{
   transform: rotateX(0deg) ;
   transition: transform 300ms linear 0ms;
}
#wb_trockenbauCard1:hover
{
   background-color: #882035;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard1
{
   background-color: #FFFFFF;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard2-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard2:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard2
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauLayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#trockenbauLayoutGrid4 > .col-1, #trockenbauLayoutGrid4 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid4 > .col-1, #trockenbauLayoutGrid4 > .col-2
{
   flex: 0 0 auto;
}
#trockenbauLayoutGrid4 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#trockenbauLayoutGrid4 > .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: 800px)
{
#trockenbauLayoutGrid4 > .col-1, #trockenbauLayoutGrid4 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_trockenbauText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 0 30px;
   text-align: left;
}
#wb_trockenbauText4 div
{
   text-align: left;
}
#wb_trockenbauText4
{
   display: block;
   margin: 0 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid5
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid5 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#trockenbauLayoutGrid5 > .row > .col-1, #trockenbauLayoutGrid5 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid5 > .row > .col-1, #trockenbauLayoutGrid5 > .row > .col-2
{
   float: left;
}
#trockenbauLayoutGrid5 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid5 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid5:before,
#trockenbauLayoutGrid5:after,
#trockenbauLayoutGrid5 .row:before,
#trockenbauLayoutGrid5 .row:after
{
   display: table;
   content: " ";
}
#trockenbauLayoutGrid5:after,
#trockenbauLayoutGrid5 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#trockenbauLayoutGrid5 > .row > .col-1, #trockenbauLayoutGrid5 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_trockenbauCard3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard3-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard3:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard3
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #808080;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard4-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid transparent;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard4:hover #trockenbauCard4-card-item0
{
   transform:  translate3d(-15px,-15px,0px) rotateX(0deg) ;
   box-shadow: 3px 3px 20px #000000;
   transition: transform 350ms linear 0ms, box-shadow 350ms linear 0ms;
}
#trockenbauCard4-card-item0
{
   transform: rotateX(0deg) ;
   transition: transform 300ms linear 0ms;
}
#wb_trockenbauCard4:hover
{
   background-color: #882035;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard4
{
   background-color: #FFFFFF;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard5-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard5:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard5
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauText5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 20px 0 0 30px;
   text-align: left;
}
#wb_trockenbauText5
{
   color: #4F4F4F;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 26px;
}
#wb_trockenbauText5 p, #wb_trockenbauText5 ul
{
   margin: 0;
   padding: 0;
}
#wb_trockenbauText5
{
   display: block;
   margin: 20px 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid6
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#trockenbauLayoutGrid6 > .col-1, #trockenbauLayoutGrid6 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid6 > .col-1, #trockenbauLayoutGrid6 > .col-2
{
   flex: 0 0 auto;
}
#trockenbauLayoutGrid6 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#trockenbauLayoutGrid6 > .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: 800px)
{
#trockenbauLayoutGrid6 > .col-1, #trockenbauLayoutGrid6 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_trockenbauText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 0 30px;
   text-align: left;
}
#wb_trockenbauText3 div
{
   text-align: left;
}
#wb_trockenbauText3
{
   display: block;
   margin: 0 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid7
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#trockenbauLayoutGrid7 > .row > .col-1, #trockenbauLayoutGrid7 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid7 > .row > .col-1, #trockenbauLayoutGrid7 > .row > .col-2
{
   float: left;
}
#trockenbauLayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid7 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid7:before,
#trockenbauLayoutGrid7:after,
#trockenbauLayoutGrid7 .row:before,
#trockenbauLayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#trockenbauLayoutGrid7:after,
#trockenbauLayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#trockenbauLayoutGrid7 > .row > .col-1, #trockenbauLayoutGrid7 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_trockenbauCard6
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard6-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard6-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard6:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard6
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard7
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #808080;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard7-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard7-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid transparent;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard7:hover #trockenbauCard7-card-item0
{
   transform:  translate3d(-15px,-15px,0px) rotateX(0deg) ;
   box-shadow: 3px 3px 20px #000000;
   transition: transform 350ms linear 0ms, box-shadow 350ms linear 0ms;
}
#trockenbauCard7-card-item0
{
   transform: rotateX(0deg) ;
   transition: transform 300ms linear 0ms;
}
#wb_trockenbauCard7:hover
{
   background-color: #882035;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard7
{
   background-color: #FFFFFF;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard8-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard8:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard8
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauText6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 20px 0 0 30px;
   text-align: left;
}
#wb_trockenbauText6
{
   color: #4F4F4F;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 26px;
}
#wb_trockenbauText6 p, #wb_trockenbauText6 ul
{
   margin: 0;
   padding: 0;
}
#wb_trockenbauText6
{
   display: block;
   margin: 20px 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid8
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#trockenbauLayoutGrid8 > .col-1, #trockenbauLayoutGrid8 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid8 > .col-1, #trockenbauLayoutGrid8 > .col-2
{
   flex: 0 0 auto;
}
#trockenbauLayoutGrid8 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#trockenbauLayoutGrid8 > .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: 800px)
{
#trockenbauLayoutGrid8 > .col-1, #trockenbauLayoutGrid8 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_trockenbauText7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 0 30px;
   text-align: left;
}
#wb_trockenbauText7 div
{
   text-align: left;
}
#wb_trockenbauText7
{
   display: block;
   margin: 0 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_trockenbauLayoutGrid9
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trockenbauLayoutGrid9
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#trockenbauLayoutGrid9 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#trockenbauLayoutGrid9 > .row > .col-1, #trockenbauLayoutGrid9 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trockenbauLayoutGrid9 > .row > .col-1, #trockenbauLayoutGrid9 > .row > .col-2
{
   float: left;
}
#trockenbauLayoutGrid9 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid9 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#trockenbauLayoutGrid9:before,
#trockenbauLayoutGrid9:after,
#trockenbauLayoutGrid9 .row:before,
#trockenbauLayoutGrid9 .row:after
{
   display: table;
   content: " ";
}
#trockenbauLayoutGrid9:after,
#trockenbauLayoutGrid9 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#trockenbauLayoutGrid9 > .row > .col-1, #trockenbauLayoutGrid9 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_trockenbauCard9
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard9-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard9:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard9
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard10
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #808080;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard10-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard10-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid transparent;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard10:hover #trockenbauCard10-card-item0
{
   transform:  translate3d(-15px,-15px,0px) rotateX(0deg) ;
   box-shadow: 3px 3px 20px #000000;
   transition: transform 350ms linear 0ms, box-shadow 350ms linear 0ms;
}
#trockenbauCard10-card-item0
{
   transform: rotateX(0deg) ;
   transition: transform 300ms linear 0ms;
}
#wb_trockenbauCard10:hover
{
   background-color: #882035;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard10
{
   background-color: #FFFFFF;
   transition: background-color 200ms linear 0ms;
}
#wb_trockenbauCard11
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#trockenbauCard11-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trockenbauCard11-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_trockenbauCard11:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauCard11
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_trockenbauText8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 20px 0 0 30px;
   text-align: left;
}
#wb_trockenbauText8
{
   color: #4F4F4F;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 26px;
}
#wb_trockenbauText8 p, #wb_trockenbauText8 ul
{
   margin: 0;
   padding: 0;
}
#wb_trockenbauText8
{
   display: block;
   margin: 20px 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_vollwaermeschutzLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#vollwaermeschutzLayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 100px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#vollwaermeschutzLayoutGrid1 > .col-1, #vollwaermeschutzLayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#vollwaermeschutzLayoutGrid1 > .col-1, #vollwaermeschutzLayoutGrid1 > .col-2
{
   flex: 0 0 auto;
}
#vollwaermeschutzLayoutGrid1 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#vollwaermeschutzLayoutGrid1 > .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: 800px)
{
#vollwaermeschutzLayoutGrid1 > .col-1, #vollwaermeschutzLayoutGrid1 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_vollwaermeschutzText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 0 30px;
   text-align: left;
}
#wb_vollwaermeschutzText1 div
{
   text-align: left;
}
#wb_vollwaermeschutzText1
{
   display: block;
   margin: 0 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_vollwaermeschutzLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#vollwaermeschutzLayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#vollwaermeschutzLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#vollwaermeschutzLayoutGrid2 > .row > .col-1, #vollwaermeschutzLayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#vollwaermeschutzLayoutGrid2 > .row > .col-1, #vollwaermeschutzLayoutGrid2 > .row > .col-2
{
   float: left;
}
#vollwaermeschutzLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#vollwaermeschutzLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#vollwaermeschutzLayoutGrid2:before,
#vollwaermeschutzLayoutGrid2:after,
#vollwaermeschutzLayoutGrid2 .row:before,
#vollwaermeschutzLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#vollwaermeschutzLayoutGrid2:after,
#vollwaermeschutzLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#vollwaermeschutzLayoutGrid2 > .row > .col-1, #vollwaermeschutzLayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_vollwaermeschutzCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#vollwaermeschutzCard1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#vollwaermeschutzCard1-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_vollwaermeschutzCard1:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_vollwaermeschutzCard1
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_vollwaermeschutzCard2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #808080;
   border-radius: 3px;
   text-align: center;
}
#vollwaermeschutzCard2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#vollwaermeschutzCard2-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid transparent;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_vollwaermeschutzCard2:hover #vollwaermeschutzCard2-card-item0
{
   transform:  translate3d(-15px,-15px,0px) rotateX(0deg) ;
   box-shadow: 3px 3px 20px #000000;
   transition: transform 350ms linear 0ms, box-shadow 350ms linear 0ms;
}
#vollwaermeschutzCard2-card-item0
{
   transform: rotateX(0deg) ;
   transition: transform 300ms linear 0ms;
}
#wb_vollwaermeschutzCard2:hover
{
   background-color: #882035;
   transition: background-color 200ms linear 0ms;
}
#wb_vollwaermeschutzCard2
{
   background-color: #FFFFFF;
   transition: background-color 200ms linear 0ms;
}
#wb_vollwaermeschutzCard3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 8px 8px 8px 8px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 3px;
   text-align: center;
}
#vollwaermeschutzCard3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#vollwaermeschutzCard3-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 1px solid #882035;
   border-radius: 3px;
   width: 100%;
   height: auto;
}
#wb_vollwaermeschutzCard3:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 500ms linear 0ms;
}
#wb_vollwaermeschutzCard3
{
   transform: rotate(0deg) ;
   transition: transform 500ms linear 0ms;
}
#wb_vollwaermeschutzText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 20px 0 0 30px;
   text-align: left;
}
#wb_vollwaermeschutzText2
{
   color: #4F4F4F;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 22px;
}
#wb_vollwaermeschutzText2 p, #wb_vollwaermeschutzText2 ul
{
   margin: 0;
   padding: 0;
}
#wb_vollwaermeschutzText2
{
   display: block;
   margin: 20px 0 0 30px;
   box-sizing: border-box;
   width: calc(100% - 30px);
}
#wb_masterframePanelMenu1 a, #masterframePanelMenu1_markup li a
{
   display: block;
   text-align: left;
   vertical-align: middle;
}
#wb_masterframePanelMenu1
{
   margin: 0;
   animation: animate-fade-in 500ms linear 100ms 1 normal both;
}
#masterframePanelMenu1_markup
{
   display: none;
   margin: 0;
   padding: 25px 0 0 0;
}
#masterframePanelMenu1_panel #masterframePanelMenu1_markup
{
   display: block;
}
#masterframePanelMenu1_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#masterframePanelMenu1_markup li a, #masterframePanelMenu1_markup li a:hover
{
   padding: 25px 10px 10px 35px;
   box-shadow: none;
}
#masterframePanelMenu1_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #4F4F4F;
}
#masterframePanelMenu1_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 300px;
   z-index: 9999;
}
#masterframePanelMenu1_overlay
{
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #696969;
   opacity: 0.9;
   z-index: 9998;
}
#masterframePanelMenu1_markup li a
{
   color: #000000;
   border: 0px solid #4F4F4F;
   background-color: #D3D3D3;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_masterframePanelMenu1 a
{
   color: #4682B4;
   border: 0px solid rgba(79,79,79,0.00);
   border-radius: 0px;
   background-color: rgba(79,79,79,0.00);
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-align: left;
   text-transform: none;
}
#masterframePanelMenu1_markup li a:hover
{
   color: #006071;
}
.masterframePanelMenu1-effect:before
{
   background-color: #4F4F4F;
}
#masterframePanelMenu1_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 50px;
   width: 50px;
   vertical-align: middle;
}
#masterframePanelMenu1_markup li a:hover .icon
{
   fill: currentColor;
}
#masterframePanelMenu1 .button-icon
{
   fill: currentColor;
}
#masterframePanelMenu1:hover .button-icon
{
   fill: currentColor;
}
#wb_masterframePanelMenu1 a:hover
{
   color: #000000;
   background-color: rgba(79,79,79,0.00);
   border: 0px solid #004080;
}
#masterframePanelMenu1_panel
{
   background-color: #D3D3D3;
   overflow-y: auto;
}
#masterframePanelMenu1
{
   z-index: 2000;
   transition: z-index 0ms linear 0ms;
}
#masterframePanelMenu1
{
   padding-left: 55px;
}
#masterframePanelMenu1 .button-icon
{
   position: absolute;
   top: 50%;
   left: 5px;
   width: 50px;
   height: 50px;
   margin-top: -25px;
}
#masterframePanelMenu1
{
   line-height: 51px;
   width: 3px;
   height: 51px;
   position: absolute;
   z-index: 999;
}
#masterframePanelMenu1-footer
{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   color: #000000;
   font-family: "Roboto Condensed";
   font-size: 19px;
   padding: 0 0 19px 0;
   text-align: center;
}
#masterframePanelMenu1-logo
{
   border-width: 0;
   padding: 25px 10px 10px 35px;
   text-align: left;
}
#masterframePanelMenu1-logo img
{
   border-width: 0;
   height: auto;
   max-width: 100%;
}
.masterframePanelMenu1-effect
{
   display: inline-block;
   position: relative;
   transform: perspective(0px) translateX(0);
   transition: color 149ms linear;
}
.masterframePanelMenu1-effect:before
{
   content: "";
   position: absolute;
   top: 0;
   height: 0px;
   right: 0;
   left: 0;
   z-index: -1;
   opacity: 0;
   transform: scaleX(0);
   transform-origin: 50%;
   transition: all 149ms linear;
}
.masterframePanelMenu1-effect:hover:before, .masterframePanelMenu1-effect:focus:before, .masterframePanelMenu1-effect:active:before
{
   transform: scaleX(1);
   opacity: 1;
}
#wb_masterframeImage3
{
   margin: 0;
   vertical-align: top;
}
#masterframeImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: flip 30000ms linear 0ms infinite reverse both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 150px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_masterframeText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_masterframeText1 div
{
   text-align: center;
}
#wb_masterframeText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_masterframeText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_masterframeText2 div
{
   text-align: center;
}
#wb_masterframeText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/halftone%2ddark2.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: cover;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #800000;
   border-right-color: #800000;
   border-bottom-color: #800000;
   border-left-color: #800000;
   box-sizing: border-box;
   margin: 0;
}
#mfLayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#mfLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#mfLayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#mfLayoutGrid2 > .row > .col-1
{
   float: left;
}
#mfLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#mfLayoutGrid2:before,
#mfLayoutGrid2:after,
#mfLayoutGrid2 .row:before,
#mfLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#mfLayoutGrid2:after,
#mfLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#mfLayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100%;
}
}
.asw-menu
{
   background-color: #EFF1F5 !important;
}
.asw-menu .asw-menu-content
{
    color: #333333 !important;
    background-color: #EFF1F5 !important;
}
.asw-menu .asw-menu-header
{
    background: #882035 !important;
}
.asw-menu .asw-menu-header svg
{
    fill: #882035 !important;
}
.asw-menu .asw-menu-title
{
   color: #FFFFFF !important;
}
.asw-menu .asw-menu-header div[role=button]
{
    background: $button_color !important;
}
.asw-widget .asw-menu-btn 
{
    border: 3px solid #FFFFFF !important;
    outline: 5px solid #882035 !important;
    background: #882035 !important;
}
.asw-menu .asw-btn *
{
   color: #333333 !important;
   fill: #333333 !important;
}
.asw-items > .asw-btn
{
   color: #333333 !important;
   background-color: #FFFFFF !important;
}
.asw-menu .asw-adjust-font
{
   background-color: #FFFFFF !important;
}
.asw-menu .asw-card .asw-select
{
   background-color: #FFFFFF !important;
   color: #333333 !important;
}
.asw-menu .asw-adjust-font *
{
   color: #333333 !important;
   fill: #333333 !important;
}
.asw-menu .asw-card *
{
   color: #333333 !important;
}
.asw-menu .asw-adjust-font div[role=button]
{
   background-color: #EFF1F5 !important;
}
.asw-menu .asw-btn.asw-selected, 
.asw-menu .asw-btn:hover,
.asw-menu .asw-minus:hover, 
.asw-menu .asw-plus:hover 
{
   border-color: #882035 !important;
}
.asw-menu *, 
.asw-menu .asw-btn .asw-translate, 
.asw-menu .asw-adjust-font .asw-label div, 
.asw-menu .asw-card-title,
.asw-menu .asw-amount
{
   font-family: "Roboto Condensed Light" !important;
   font-size: 19px !important;
}

.asw-menu-btn 
{
    left: auto !important; right: 35px !important;
    bottom: 25px !important;
}
.asw-menu 
{
    left: auto !important; right: 0 !important;
}


#wb_MFText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 10px 0 15px 0 ;
   text-align: center;
}
#wb_MFText1 div
{
   text-align: center;
}
#wb_MFText1
{
   display: block;
   margin: 10px 0 15px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_MasterHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#MasterHeading1
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_masterframeExtension1 { 
width: 50px; 
height: 50px; 
background-image: url(data:image/jpeg;base64,/)
background-repeat: no-repeat;
background-size: contain;
top: -9999px;
}

.flat {background-color: #006071;}

.c1 {
background-image: linear-gradient(to right, 
transparent, #FFFFFF);
}
.c2 {
background-image: linear-gradient(to right, 
#FFFFFF, #810147);
}
.c3 {
background-image: linear-gradient(to right, 
#FFFFFF, #810147, #810147);
}
.c4 {
background-image: linear-gradient(to right, 
#FFFFFF, #810147, #810147, #810147);
}
.c5 {
background-image: linear-gradient(to right, 
#FFFFFF, #810147, #810147, #810147, #D0CDCD);
}

#progressContainer {
position: fixed;
height: 2px;
display: block;
-webkit-appearance: none;
     -moz-appearance: none;
appearance: none;
top: 0;
}

#progressBar {
width: 0;
display: block;
height: 2px;
position: fixed;
opacity: 1;
}