div#container
{
   width: 1400px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Hind;
   font-weight: normal;
   font-size: 15px;
   line-height: 1.2;
   margin: 0;
   text-align: center;
}
a
{
   color: #323232;
   text-decoration: none;
}
a:hover
{
   color: #696969;
   text-decoration: none;
}
#wb_herogrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#herogrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 220px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#herogrid > .col-1, #herogrid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#herogrid > .col-1, #herogrid > .col-2
{
   flex: 0 0 auto;
}
#herogrid > .col-1
{
   background-color: transparent;
   background-image: url('./images/peter%2dheinzmann%2ddienstleistungen.jpg');
   background-repeat: no-repeat;
   background-position: center top;
   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: center;
   text-align: center;
}
#herogrid > .col-2
{
   background-color: #C9201F;
   background-image: none;
   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;
}
#herogrid > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 30px 30px 30px;
}
@media (max-width: 768px)
{
#herogrid > .col-1, #herogrid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_contentgrid01
{
   clear: both;
   position: relative;
   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;
}
#contentgrid01
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 70px 0 50px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#contentgrid01 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#contentgrid01 > .col-1
{
   flex: 0 0 auto;
}
#contentgrid01 > .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)
{
#contentgrid01 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid3
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 30px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid3 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid3 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid3 > .col-1, #LayoutGrid3 > .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: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid1 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid2 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid6
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid6 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid6 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid6 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid6 > .col-1, #LayoutGrid6 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid4
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid4 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid4 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid4 > .col-1, #LayoutGrid4 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid7
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid7 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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;
}
#LayoutGrid7 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid7 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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)
{
#LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid5
{
   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: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 70px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#LayoutGrid5 > .col-1, #LayoutGrid5 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 30px 0;
}
#LayoutGrid5 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   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_contactgrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #E6E6E6;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contactgrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#contactgrid > .col-1, #contactgrid > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#contactgrid > .col-1, #contactgrid > .col-2
{
   flex: 0 0 auto;
}
#contactgrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-end;
   align-self: stretch;
   align-items: flex-end;
   justify-content: flex-start;
   text-align: left;
}
#contactgrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   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)
{
#contactgrid > .col-1, #contactgrid > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image4
{
   margin: 0;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 95px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text9 div
{
   text-align: center;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text10 div
{
   text-align: center;
}
#wb_Text10
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image5
{
   margin: 0;
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 95px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#wb_Text11
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text12 div
{
   text-align: center;
}
#wb_Text12
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_footer-wrapper
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #505050;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer-wrapper
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 30px 0 70px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#footer-wrapper > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
   position: relative;
}
#footer-wrapper > .col-1
{
   flex: 0 0 auto;
}
#footer-wrapper > .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-end;
   align-self: stretch;
   align-items: flex-end;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#footer-wrapper > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text13 div
{
   text-align: left;
}
#wb_Text13
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text14 div
{
   text-align: left;
}
#wb_Text14
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text15
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text15 p, #wb_Text15 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text15
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image6
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image6
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text4 p, #wb_Text4 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image1
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#logo-wrapper
{
   background-color: #FFFFFF;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #919191;
   border-left-color: #000000;
}
#wb_logo-peter-heinzmann-desktop
{
   vertical-align: top;
}
#logo-peter-heinzmann-desktop
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_navibar
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #919191;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#navibar
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
}
#navibar > .col-1, #navibar > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#navibar > .col-1, #navibar > .col-2
{
   flex: 0 0 auto;
}
#navibar > .col-1
{
   background-color: #919191;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 66.66666667%;
   max-width: 66.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#navibar > .col-2
{
   background-color: #505050;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.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: 480px)
{
#navibar > .col-1, #navibar > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_navi-desktop01
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: #505050;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_navi-desktop01 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
   direction: ltr;
}
#wb_navi-desktop01 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
#wb_navi-desktop01 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #505050;
   background-image: none;
   font-family: Hind;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_navi-desktop01 > ul > li > a
{
   height: 60px;
   line-height: 60px;
   padding: 0px 20px 0px 20px;
}
#wb_navi-desktop01 li:hover a, #wb_navi-desktop01 a:hover, #wb_navi-desktop01 .active
{
   color: #FFFFFF;
   border: 0px solid transparent;
   background-color: #C9201F;
   background-image: none;
}
#wb_navi-desktop01 li.firstmain
{
   padding-left: 0px;
}
#wb_navi-desktop01 li.lastmain
{
   padding-right: 0px;
}
#wb_navi-desktop01 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_navi-desktop02
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: #505050;
   margin: 0;
   text-align: right;
   position: relative;
   z-index: 1111 !important;
}
#wb_navi-desktop02 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
   direction: ltr;
}
#wb_navi-desktop02 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
#wb_navi-desktop02 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #505050;
   background-image: none;
   font-family: Hind;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_navi-desktop02 > ul > li > a
{
   height: 60px;
   line-height: 60px;
   padding: 0px 20px 0px 20px;
}
#wb_navi-desktop02 li:hover a, #wb_navi-desktop02 a:hover, #wb_navi-desktop02 .active
{
   color: #FFFFFF;
   border: 0px solid transparent;
   background-color: #C9201F;
   background-image: none;
}
#wb_navi-desktop02 li.firstmain
{
   padding-left: 0px;
}
#wb_navi-desktop02 li.lastmain
{
   padding-right: 0px;
}
#wb_navi-desktop02 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_hamburger
{
   vertical-align: top;
}
#hamburger
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_navi-mobile
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: #505050;
   margin: 0;
   text-align: left;
}
#wb_navi-mobile ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
   direction: ltr;
   width: 320px;
}
#wb_navi-mobile li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 320px;
}
#wb_navi-mobile a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #505050;
   background-image: none;
   font-family: Hind;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
   vertical-align: middle;
}
#wb_navi-mobile > ul > li > a
{
   width: 280px;
   height: 60px;
   line-height: 60px;
   padding: 0px 20px 0px 20px;
}
#wb_navi-mobile li:hover a, #wb_navi-mobile a:hover, #wb_navi-mobile .active
{
   color: #FFFFFF;
   border: 0px solid transparent;
   background-color: #C9201F;
   background-image: none;
}
#wb_navi-mobile .firstmain a
{
   margin-top: 0px;
}
#wb_navi-mobile li.lastmain
{
   padding-bottom: 0px;
}
#wb_navi-mobile br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wrapper-hamburger
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_close
{
   vertical-align: top;
}
#close
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_logo-peter-heinzmann-mobile
{
   vertical-align: top;
}
#logo-peter-heinzmann-mobile
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#navipanel
{
   background-color: #505050;
   background-image: none;
}
#navipanel_panel
{
   background-color: #505050;
   background-image: none;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 320px;
   z-index: 9999;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text6 p, #wb_Text6 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image2
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text8
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text8 p, #wb_Text8 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image3
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text16 div
{
   text-align: left;
}
#wb_Text16
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text17
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text17 p, #wb_Text17 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text17
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image7
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image7
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text18 div
{
   text-align: left;
}
#wb_Text18
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text19 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text19
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text19 p, #wb_Text19 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text19
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image8
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image8
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text20 div
{
   text-align: left;
}
#wb_Text20
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text21
{
   color: #323232;
   font-family: Hind;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}
#wb_Text21 p, #wb_Text21 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text21
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image9
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Image9
{
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: top;
   object-fit: contain;
}
#wb_LayoutGrid5
{
   padding-top: 220 px;
}
#wb_LayoutGrid7
{
   padding-top: 220 px;
}
#wb_LayoutGrid4
{
   padding-top: 220 px;
}
#wb_uid24
{
   margin: 0 0 0 24px;
}
#wb_LayoutGrid6
{
   padding-top: 220 px;
}
#wb_LayoutGrid2
{
   padding-top: 220 px;
}
#wb_uid12
{
   margin: 0 0 0 24px;
}
#wb_LayoutGrid1
{
   padding-top: 220 px;
}
#wb_uid5
{
   margin: 0 0 0 24px;
}
#wb_LayoutGrid3
{
   padding-top: 220 px;
}
#wb_uid23
{
   margin: 0 0 0 24px;
}
#wb_Text19
{
   padding-top: 20px;
}
#wb_uid13
{
   margin: 0 0 0 24px;
}
#wb_uid4
{
   margin: 0 0 0 24px;
}
#wb_uid34
{
   list-style-type: disc;
}
#wb_uid22
{
   margin: 0 0 0 24px;
}
#wb_uid10
{
   margin: 0 0 0 24px;
}
#wb_Image1
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 6;
}
#wb_uid3
{
   list-style-type: disc;
}
#wb_Text17
{
   padding-top: 20px;
}
#wb_uid35
{
   margin: 0 0 0 24px;
}
#wb_uid21
{
   list-style-type: disc;
}
#wb_Image2
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 9;
}
#wb_uid11
{
   margin: 0 0 0 24px;
}
#wb_Text4
{
   padding-top: 20px;
}
#wb_uid2
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_hamburger
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 40px;
   height: 40px;
   z-index: 36;
}
#wb_contactgrid
{
   padding-top: 220 px;
}
#wb_uid36
{
   margin: 0 0 0 24px;
}
#wb_Image3
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 15;
}
#wb_uid20
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_uid16
{
   margin: 0 0 0 24px;
}
#wb_uid1
{
   color: #505050;
   font-family: "Hind";
   font-size: 37px;
   line-height: 48px;
}
#wb_close
{
   position: absolute;
   left: 250px;
   top: 30px;
   width: 40px;
   height: 40px;
   z-index: 38;
}
#navipanel
{
   text-align: left;
}
#wb_Image4
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 24;
}
#wb_uid37
{
   margin: 0 0 0 24px;
}
#wb_uid17
{
   margin: 0 0 0 24px;
}
#wb_Text6
{
   padding-top: 20px;
}
#wb_Text15
{
   padding-top: 20px;
}
#wb_uid0
{
   color: #FFFFFF;
   font-family: "Hind";
   font-size: 37px;
   line-height: 48px;
}
#wrapper-hamburger
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 30px;
   top: 30px;
   width: 40px;
   height: 40px;
   z-index: 42;
}
#wb_Image5
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 27;
}
#wb_uid30
{
   margin: 0 0 0 24px;
}
#wb_uid14
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_contentgrid01
{
   padding-top: 220 px;
}
#wb_Extension1
{
   position: absolute;
   left: 30px;
   top: 30px;
   width: 50px;
   height: 50px;
   z-index: 39;
}
#wb_logo-peter-heinzmann-mobile
{
   position: absolute;
   left: 30px;
   top: 21px;
   width: 259px;
   height: 118px;
   z-index: 33;
}
#wb_logo-peter-heinzmann-desktop
{
   position: absolute;
   left: 30px;
   top: 44px;
   width: 428px;
   height: 71px;
   z-index: 31;
}
#wb_uid41
{
   margin: 0 0 0 24px;
}
#wb_uid31
{
   margin: 0 0 0 24px;
}
#wb_uid15
{
   list-style-type: disc;
}
#wb_Image6
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 3;
}
#wb_Extension2
{
   display: inline-block;
   position: relative;
   width: 50px;
   height: 50px;
   z-index: 1;
}
#wb_Text12
{
   padding-top: 10px;
   padding-bottom: 40px;
}
#wb_uid40
{
   margin: 0 0 0 24px;
}
#wb_Image7
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 21;
}
#wb_uid32
{
   margin: 0 0 0 24px;
}
#wb_Text1
{
   min-height: 320px;
}
#wb_Text11
{
   padding-top: 25px;
}
#wb_uid43
{
   margin: 0 0 0 24px;
}
#wb_uid33
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_Text10
{
   padding-top: 10px;
   padding-bottom: 40px;
}
#wb_uid42
{
   margin: 0 0 0 24px;
}
#wb_Image8
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 12;
}
#wb_navibar
{
   margin-top: 160px;
   position: fixed !important;
}
#logo-wrapper
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0;
   right: 0;
   height: 160px;
   z-index: 40;
}
#wb_uid45
{
   color: #323232;
   font-family: "Hind";
   font-size: 21px;
   line-height: 33px;
}
#wb_Text21
{
   padding-top: 20px;
}
#wb_Image9
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 18;
}
#wb_uid29
{
   margin: 0 0 0 24px;
}
#wb_uid18
{
   margin: 0 0 0 24px;
}
#wb_navi-desktop02
{
   display: block;
   width: 100%;
   z-index: 35;
}
#wb_uid44
{
   color: #323232;
   font-family: "Hind";
   font-size: 15px;
   line-height: 23px;
}
#wb_uid28
{
   margin: 0 0 0 24px;
}
#wb_uid19
{
   margin: 0 0 0 24px;
}
#wb_uid47
{
   color: #323232;
   font-family: "Hind";
   font-size: 21px;
   line-height: 24px;
}
#wb_uid9
{
   margin: 0 0 0 24px;
}
#wb_herogrid
{
   padding-top: 220 px;
}
#wb_footer-wrapper
{
   padding-top: 220 px;
}
#wb_uid46
{
   color: #323232;
   font-family: "Hind";
   font-size: 15px;
   line-height: 23px;
}
#wb_uid38
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_uid27
{
   list-style-type: disc;
}
#wb_uid8
{
   list-style-type: disc;
}
#wb_navi-desktop01
{
   display: block;
   width: 100%;
   z-index: 34;
}
#wb_uid39
{
   list-style-type: disc;
}
#wb_Text8
{
   padding-top: 20px;
}
#wb_uid26
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_uid7
{
   color: #323232;
   font-family: "Hind";
   font-size: 37px;
}
#wb_navi-mobile
{
   position: absolute;
   left: 0px;
   top: 100px;
   width: 320px;
   height: 240px;
   z-index: 37;
}
#logo-wrapper_Container
{
   width: 1400px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_uid48
{
   color: #FFFFFF;
   font-family: "Hind";
   font-size: 13px;
   line-height: 22px;
}
#wb_Text9
{
   padding-top: 25px;
}
#wb_uid25
{
   margin: 0 0 0 24px;
}
#wb_uid6
{
   margin: 0 0 0 24px;
}
@font-face {
    font-family: 'Hind';
    src: url('fonts/Hind-Bold.eot');
    src: url('fonts/Hind-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Hind-Bold.woff2') format('woff2'),
        url('fonts/Hind-Bold.woff') format('woff'),
        url('fonts/Hind-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('fonts/Hind-Regular.eot');
    src: url('fonts/Hind-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Hind-Regular.woff2') format('woff2'),
        url('fonts/Hind-Regular.woff') format('woff'),
        url('fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*-------------------------Default--------------------------*/


/*------------------------->= 769px--------------------------*/
@media (min-width: 769px){

  /* äußerer Wrapper über volle Breite */
  #wb_herogrid{
    position: relative;
  }

  /* Inhalt explizit nach vorne holen */
  #herogrid{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    z-index: 2;
  }

  /* roter Weiterlauf in den freien Viewport */
  #wb_herogrid::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    /* Startpunkt exakt an Spaltenkante */
    left: calc(50% + 233.333px);

    background: #c9201f;
    z-index: 1;           /* hinter Content */
    pointer-events: none;
  }

}




/*-------------------------<= 768px--------------------------*/
@media (max-width: 768px){

  #herogrid { padding-top: 161px; }
  #herogrid > .col-1 { height: 400px; }

  #wb_uid0{
    font-size: 29px !important;
    line-height: 37px !important;
  }

  .service-icon{
    width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
  }
}





@font-face {
    font-family: 'Hind';
    src: url('fonts/Hind-Bold.eot');
    src: url('fonts/Hind-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Hind-Bold.woff2') format('woff2'),
        url('fonts/Hind-Bold.woff') format('woff'),
        url('fonts/Hind-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind';
    src: url('fonts/Hind-Regular.eot');
    src: url('fonts/Hind-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Hind-Regular.woff2') format('woff2'),
        url('fonts/Hind-Regular.woff') format('woff'),
        url('fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#navibar {
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

/* Rechts (ab Start der dunklen Spalte) bis zum Viewport-Rand dunkelgrau weiterlaufen lassen */
#wb_navibar{
  position: relative; /* nötig für ::after */
}

#wb_navibar::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  /* Container: 1400px, zentriert.
     Start von col-2 ist bei 66.666% von 1400px = 933.333px.
     Offset vom Center: -700px + 933.333px = +233.333px */
  left: calc(50% + 233.333px);

  background: #505050;
  pointer-events: none;
}

/*-------------------------Default--------------------------*/

#wrapper-hamburger{
  display: none;
  visibility: hidden;
}

#wb_logo-peter-heinzmann-mobile {
  display: none;
}

#wb_logo-peter-heinzmann-desktop {
  display: block;
}

/*-------------------------<= 768px--------------------------*/
@media (max-width: 768px){
  #wb_navibar{ 
    display: none !important; 
  }

  #wrapper-hamburger{
    display: block !important;
    visibility: visible !important;
  }

 #wb_logo-peter-heinzmann-desktop {
    display: none !important;
  }

  #wb_logo-peter-heinzmann-mobile {
    display: block !important;
  }
}