body
{
   background-color: transparent;
   color: #000000;
   font-family: "Roboto Condensed Light";
   font-weight: normal;
   font-size: 19px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#mfPageHeader1
{
   background-color: transparent;
   background-image: url('images/background%2d68622.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border-radius: 0px;
   box-shadow: 0px 2px 2px #4F4F4F;
   box-sizing: border-box;
}
#mfLayer1
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_indexLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1250px;
}
#indexLayoutGrid1 > .col-1, #indexLayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#indexLayoutGrid1 > .col-1, #indexLayoutGrid1 > .col-2
{
   flex: 0 0 auto;
}
#indexLayoutGrid1 > .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: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#indexLayoutGrid1 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 75%;
   max-width: 75%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-end;
   align-self: stretch;
   align-items: flex-end;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#indexLayoutGrid1 > .col-1, #indexLayoutGrid1 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_indexCssMenu2
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_indexCssMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   position: relative;
   display: inline-block;
}
#wb_indexCssMenu2 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 4px 0px 0px;
}
#wb_indexCssMenu2 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Roboto Condensed Light";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_indexCssMenu2 > ul > li > a
{
   height: 28px;
   line-height: 28px;
   padding: 0px 5px 0px 5px;
}
#wb_indexCssMenu2 li:hover a, #wb_indexCssMenu2 a:hover, #wb_indexCssMenu2 .active
{
   color: #EFDFAF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_indexCssMenu2 li.firstmain
{
   padding-left: 0px;
}
#wb_indexCssMenu2 li.lastmain
{
   padding-right: 0px;
}
#wb_indexCssMenu2 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
@media all and (max-width:320px) 
{
#wb_indexCssMenu2 ul
{
   width: 100%;
}
#wb_indexCssMenu2 li
{
   padding: 0 0px 4px 0px !important;
   width: 100% !important;
}
#wb_indexCssMenu2 a
{
   box-sizing: border-box;
   float: none !important;
   width: 100% !important;
}

}
#wb_indexCarousel1
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_indexCarousel1
{
   display: block;
   float: left;
   font-size: 0;
   top: 0 !important;
}
#indexCarousel1 .frame
{
   width: 1240px;
   display: inline-block;
   overflow: hidden;
   height: 345px;
}
#indexCarousel1 .carousel-item-inner
{
   display: inline-block;
   height: 0;
   left: 0;
   margin-left: 0;
   position: absolute;
   top: 0;
   width: 1240px;
}
#wb_ThreeColumns
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F5F5F5;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#ThreeColumns
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 76px 0;
   margin-right: auto;
   margin-left: auto;
}
#ThreeColumns > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#ThreeColumns > .col-1
{
   flex: 0 0 auto;
}
#ThreeColumns > .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: center;
   text-align: center;
}
@media (max-width: 480px)
{
#ThreeColumns > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_polati
{
   vertical-align: top;
}
#polati
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_mehmet_polatimur 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_mehmet_polatimur div
{
   text-align: left;
}
#Malermeister_Layer
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#Polatimur_Layer
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_pinsel
{
   vertical-align: top;
}
#pinsel
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: transform-fly-in 500ms linear 700ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 20px 0 ;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0 0 20px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 50px 0 50px 0 ;
   padding: 0;
   text-align: center;
}
#indexHeading1
{
   color: #FFFFFF;
   font-family: "Roboto Condensed Light";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#indexShape1
{
   top: 0px;
   width: 189px;
   height: 39px;
   background-color: #DCDCDC;
   background-image: none;
   border: 1px #4F4F4F solid;
   border-radius: 3px;
   box-shadow: 1px 1px 10px #000000;
}
#indexShape1:hover
{
   background-color: #4F4F4F;
   background-image: none;
   border: 1px #245580 solid;
}
#indexShape1_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.06%;
   top: 5.13%;
   width: 97.35%;
   height: 87.18%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#indexShape1:hover span
{
   color: #FFFFFF !important;
}
#indexShape1 span:hover
{
   color: #FFFFFF !important;
}
#wb_indexShape1
{
   margin: 0;
   vertical-align: top;
}
#wb_indexGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#indexGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
}
#indexGrid1 > .col-1, #indexGrid1 > .col-2, #indexGrid1 > .col-3, #indexGrid1 > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#indexGrid1 > .col-1, #indexGrid1 > .col-2, #indexGrid1 > .col-3, #indexGrid1 > .col-4
{
   flex: 0 0 auto;
}
#indexGrid1 > .col-1
{
   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;
}
#indexGrid1 > .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;
}
#indexGrid1 > .col-3
{
   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;
}
#indexGrid1 > .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: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#indexGrid1 > .col-1, #indexGrid1 > .col-2, #indexGrid1 > .col-3, #indexGrid1 > .col-4
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_malermeister
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#malermeister
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_indexText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText1 div
{
   text-align: left;
}
#wb_indexText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_farbdesigner_grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(255,255,255,0.39);
   background-image: url('images/gummi2.jpg');
   background-repeat: no-repeat;
   background-position: center top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#farbdesigner_grid
{
   box-sizing: border-box;
   padding: 70px 15px 80px 15px;
   margin-right: auto;
   margin-left: auto;
}
#farbdesigner_grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#farbdesigner_grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#farbdesigner_grid > .row > .col-1
{
   float: left;
}
#farbdesigner_grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#farbdesigner_grid:before,
#farbdesigner_grid:after,
#farbdesigner_grid .row:before,
#farbdesigner_grid .row:after
{
   display: table;
   content: " ";
}
#farbdesigner_grid:after,
#farbdesigner_grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#farbdesigner_grid > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_kreativ 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_kreativ div
{
   text-align: left;
}
#wb_innovativ 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_innovativ div
{
   text-align: left;
}
#wb_kompetent 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_kompetent div
{
   text-align: left;
}
#indexDialog1
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexDialog1 .modal-content
{
   background-color: #FAFAD2;
   background-image: none;
   border: 1px solid #0094BC;
   border-radius: 0px;
   box-shadow: 6px 6px 20px rgba(0,0,0,0.20);
   overflow: visible;
}
#indexDialog1.fade
{
   opacity: 1;
   transition: all 600ms linear;
}
#indexDialog1 .animate-show
{
   animation-duration: 600ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in-up;
}
#indexDialog1 .animate-hide
{
   animation-duration: 600ms;
   animation-fill-mode: both;
   animation-name: animate-fade-in;
   animation-direction: reverse;
}
#indexDialog1.modal
{
   --bs-modal-margin: 0.5rem;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9999;
   display: none;
   overflow-x: hidden;
   overflow-y: auto;
   outline: 0;
}
 .modal-open
{
   overflow: hidden;
}
#indexDialog1 .modal-dialog
{
   position: relative;
   width: 380px;
   margin-left: auto;
   margin-right: auto;
}
#indexDialog1 .modal-content
{
   position: relative;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   outline: 0;
}
#indexDialog1 .modal-header
{
   padding: 10px 10px 10px 10px;
   background-color: #0094BC;
   border-bottom: 1px solid #0094BC;
}
#indexDialog1 .modal-footer
{
   padding: 10px 10px 10px 10px;
   border-top: 1px solid #0094BC;
}
#indexDialog1 .modal-body
{
   position: relative;
   width: 380px;
   height: 283px;
}
#indexDialog1 .close
{
   float: right;
   font-size: 21px;
   font-weight: 700;
   line-height: 1;
   color: #FFFFFF;
   text-shadow: 0px 1px 0px #fff;
   opacity: 0.5;
   -webkit-appearance: none;
   padding: 0;
   cursor: pointer;
   background: 0 0;
   border: 0;
   margin-top: -2px;
}
.modal-backdrop
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
}
.modal-backdrop.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.modal-backdrop.show
{
   opacity: 0.5 !important;
}
.modal-open
{
   overflow: hidden;
}
#indexDialog1 .modal-header
{
   cursor: move;
}
#indexDialog1 .modal-dialog-scrollable
{
   height: calc(100% - var(--bs-modal-margin) * 2);
}
#indexDialog1 .modal-dialog-scrollable .modal-content
{
   display: flex;
   flex-direction: column;
   max-height: 100%;
   overflow: hidden;
}
#indexDialog1 .modal-dialog-scrollable .modal-body
{
   overflow-y: auto;
}
@media (max-width: 576px)
{
#indexDialog1 .modal-dialog-scrollable
{
   --bs-modal-margin: 0.5rem;
}
}
#indexDialog1 .modal-title
{
   color: #FFFFFF;
   font-family: "Roboto Condensed Light";
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-align: left;
   margin: 0;
}
#wb_indexImage1
{
   vertical-align: top;
}
#indexImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_indexAnimatedHeadline1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#indexAnimatedHeadline1
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#indexAnimatedHeadline1 .highlight
{
   position: relative;
}
#indexAnimatedHeadline1 svg
{
   position: absolute;
   top: 50%;
   left: 50%;
   width: calc(100% + 25px);
   height: calc(100% + 25px);
   transform: translate(-50%, -50%);
   overflow: visible;
}
#indexAnimatedHeadline1 svg path
{
   stroke: #E60000;
   stroke-width: 10;
   fill: none;
}
#indexAnimatedHeadline1 svg
{   opacity: 0;
}
#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%;
}
}
#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: 1024px;
}
#indexLayoutGrid_footer
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 25px 0 25px 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: 8.33333333%;
   max-width: 8.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#indexLayoutGrid_footer > .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: flex-start;
   text-align: left;
}
#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: center;
   text-align: center;
}
#indexLayoutGrid_footer > .col-5
{
   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: flex-start;
   text-align: left;
}
@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_Menue
{
   display: block;
   background-color: rgba(211,211,211,0.00);
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#Menue
{
   display: inline-block;
   background-color: rgba(211,211,211,0.00);
   height: 50px;
}
#wb_Menue ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_Menue ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_Menue ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_Menue ul li i
{
   font-size: 16px;
   width: 16px;
   margin-bottom: 0px;
}
#wb_Menue ul li a
{
   background-color: rgba(211,211,211,0.00);
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 13px 14px 0 15px;
   text-align: center;
}
#wb_Menue > ul > li > a 
{
   height: 37px;
}
.Menue a 
{
   display: block;
}
#wb_Menue li:hover > a, #wb_Menue li .active
{
   background-color: rgba(255,255,255,0.00);
   color: #BE1522;
}
#wb_Menue ul ul
{
   display: none;
   position: absolute;
   top: 50px;
}
#wb_Menue ul li:hover > ul
{
   display: list-item;
}
#wb_Menue ul ul li 
{
   float: none;
   position: relative;
   width: 287px;
}
#wb_Menue ul ul li a
{
   background-color: #7A7A7A;
   border: 0px solid #7A7A7A;
   color: #FFFFFF;
}
#wb_Menue ul ul li:hover > a, #wb_Menue ul ul li .active
{
   background-color: #DCDCDC;
   color: #800000;
}
#wb_Menue ul ul li i 
{
   margin-right: 5px;
   vertical-align: middle;
}
#wb_Menue ul ul li a 
{
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   text-align: left;
   vertical-align: middle;
}
#wb_Menue ul ul ul li 
{
   left: 287px;
   position: relative;
   top: -50px;
}
#wb_Menue .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #000000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_Menue .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_Menue li:hover > a .arrow-down, #wb_Menue li .active .arrow-down
{ 
   border-top-color: #BE1522;
}
#wb_Menue ul ul li:hover > a .arrow-left, #wb_Menue ul ul li .active .arrow-left
{ 
   border-left-color: #800000;
}
#wb_Menue .toggle,[id^=Menue-submenu]
{
   display: none;
}
@media all and (max-width:850px) 
{
#wb_Menue
{
   margin: 0;
   text-align: left;
}
#wb_Menue ul li a, #wb_Menue .toggle
{
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 10px 20px 10px 20px;
}
#wb_Menue .toggle + a
{
   display: none !important;
}
.Menue 
{
   display: none;
   z-index: 9999;
}
#Menue 
{
   background-color: transparent;
   display: none;
}
#wb_Menue > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_Menue .toggle 
{
   display: block;
   background-color: rgba(211,211,211,0.00);
   color: #000000;
   padding: 0 20px 0 20px;
   line-height: 42px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_Menue .toggle:hover
{
   background-color: rgba(255,255,255,0.00);
   color: #BE1522;
}
[id^=Menue-submenu]:checked + ul 
{
   display: block !important;
}
#Menue-title
{
   height: 50px !important;
   line-height: 50px !important;
   text-align: center;
}
#wb_Menue ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_Menue ul ul .toggle,
#wb_Menue ul ul a 
{
   padding: 0 40px;
}
#wb_Menue a:hover,
#wb_Menue ul ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_Menue ul li ul li .toggle,
#wb_Menue ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_Menue ul ul ul a 
{
   padding: 10px 20px 10px 60px;
}
#wb_Menue ul li a 
{
   text-align: left;
}
#wb_Menue ul li a br 
{
   display: none;
}
#wb_Menue ul li i 
{
   margin-right: 5px;
}
#wb_Menue ul ul 
{
   float: none;
   position: static;
}
#wb_Menue ul ul li:hover > ul,
#wb_Menue ul li:hover > ul 
{
   display: none;
}
#wb_Menue ul ul li 
{
   display: block;
   width: 100%;
}
#wb_Menue ul ul ul li 
{
   position: static;
}
#Menue-icon 
{
   display: block;
   position: absolute;
   right: 14px;
   top: 13px;
   user-select: none;
}
#Menue-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #000000;
   color: #000000;
   width: 24px;
}
#wb_Menue ul li ul li .toggle:hover
{
   background-color: #DCDCDC;
   color: #800000;
}
#wb_Menue .toggle .arrow-down 
{
   border-top-color: #000000;
}
#wb_Menue .toggle:hover .arrow-down, #wb_Menue li .active .arrow-down
{
   border-top-color: #BE1522;
}
#wb_Menue ul li ul li .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_Menue ul li ul li .toggle:hover .arrow-down, #wb_Menue ul li ul li .active .arrow-down
{
   border-top-color: #800000;
}
}
#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_mfText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_mfText2 div
{
   text-align: left;
}
#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: left;
}
#wb_mfText3 div
{
   text-align: left;
}
#wb_mfText3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0 0 15px 0 ;
   text-align: left;
}
#wb_mfText4 div
{
   text-align: left;
}
#wb_mfText4
{
   display: block;
   margin: 0 0 15px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_mfLayoutGrid1
{
   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;
}
#mfLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#mfLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#mfLayoutGrid1 > .row > .col-1, #mfLayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#mfLayoutGrid1 > .row > .col-1, #mfLayoutGrid1 > .row > .col-2
{
   float: left;
}
#mfLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#mfLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#mfLayoutGrid1:before,
#mfLayoutGrid1:after,
#mfLayoutGrid1 .row:before,
#mfLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#mfLayoutGrid1:after,
#mfLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#mfLayoutGrid1 > .row > .col-1, #mfLayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#mfShape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_mfShape1
{
   margin: 0;
   vertical-align: top;
}
#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_mfImage1
{
   margin: 0;
   vertical-align: top;
}
#mfImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 219px;
   height: 118px;
   vertical-align: top;
}