body
{
   background-color: #FFFFFF;
   background-image: url('../images/Regenbogen 2015_09_29 LR-9738_2048crop.jpg');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#preloader
{
   background: #FFFFFF url("../images/dot-spinner.gif") no-repeat center center;
   bottom: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}
.wb-theme-header
{
   background-color: #2191C0;
   background-image: none;
   border: 1px solid #4297D7;
   border-radius: 0px;
   color: #EAF5F7;
   --background-color: rgba(33,145,192,1.00);
   --border-color: #4297D7;
   --border-width: 1px;
   --color: #EAF5F7;
}
.wb-theme-content
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #222222;
   --background-color: rgba(252,253,253,1.00);
   --border-color: #A6C9E2;
   --border-width: 1px;
   --color: #222222;
   --icon-color: #0078AE;
   --colorize: invert(28%) sepia(61%) saturate(4348%) hue-rotate(180deg) brightness(90%) contrast(104%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #0078AE;
   background-image: none;
   border: 1px solid #77D5F7;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,120,174,1.00);
   --border-color: #77D5F7;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button:hover
{
   background-color: #79C9EC;
   background-image: none;
   border: 1px solid #448DAE;
   border-radius: 0px;
   color: #026890;
   --background-color: rgba(121,201,236,1.00);
   --border-color: #448DAE;
   --border-width: 1px;
   --color: #026890;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #6EAC2C;
   background-image: none;
   border: 1px solid #ACDD4A;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(110,172,44,1.00);
   --border-color: #ACDD4A;
   --border-width: 1px;
   --color: #FFFFFF;
}
#FlexContainer1
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid #A6C9E2;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_CssMenu1
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   position: relative;
   display: inline-block;
   direction: ltr;
}
#wb_CssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 8px 4px 8px 0px;
}
#wb_CssMenu1 a
{
   display: block;
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   height: 26px;
   line-height: 26px;
   padding: 0px 10px 0px 10px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 8px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 8px;
}
#wb_CssMenu1 li:hover, #wb_CssMenu1 li a:hover
{
   position: relative;
}
#wb_CssMenu1 a.withsubmenu
{
   padding: 0 5px 0 5px;
}
#wb_CssMenu1 ul ul
{
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   width: 222px;
   height: auto;
   border: none;
}
#wb_CssMenu1 ul :hover ul
{
   left: -9px;
   top: 44px;
   padding-top: 0px;
   visibility: visible;
}
#wb_CssMenu1 .firstmain:hover ul
{
   left: -1px;
}
#wb_CssMenu1 li li
{
   width: 200px;
   padding: 0 10px 0px 10px;
}
#wb_CssMenu1 li li.lastitem
{
   padding-bottom: 10px;
}
#wb_CssMenu1 ul ul a, #wb_CssMenu1 ul :hover ul a
{
   float: none;
   margin: 0;
   width: 160px;
   height: auto;
   white-space: normal;
   padding: 8px 20px 7px 20px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   line-height: 13px;
   text-align: left;
   text-decoration: none;
   text-transform: none;
}
#wb_CssMenu1 ul :hover ul .firstitem a
{
   margin-top: 10px;
}
#wb_CssMenu1 ul ul :hover a, #wb_CssMenu1 ul ul a:hover, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul :hover ul :hover a, #wb_CssMenu1 ul ul :hover ul a:hover, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul :hover ul a.active
{
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_CssMenu1.affix
{
   top: 0 !important;
   position: fixed !important;
}
.CssMenu1-icon
{
   fill: #FFFFFF;
   margin-right: 4px;
   width: 15px;
   height: 15px;
}
#CssMenu1 a:hover .CssMenu1-icon
{
   fill: #026890;
}
#CssMenu1 > .active .CssMenu1-icon
{
   fill: #333333;
}
@media (max-width: 768px)
{
#wb_CssMenu1 ul
{
   width: 100%;
}
#wb_CssMenu1 li
{
   display: block;
   width: 100% !important;
   padding: 0 8px 4px 8px !important;
}
#wb_CssMenu1 a
{
   box-sizing: border-box;
   width: 100% !important;
   float: none !important;
}
#wb_CssMenu1 a.withsubmenu
{
   position: relative;
   width: 100% !important;
}
#wb_CssMenu1 li:hover
{
   position: static !important;
}
#wb_CssMenu1 li li.firstitem
{
   padding-top: 4px !important;
}
#wb_CssMenu1 ul ul,
#wb_CssMenu1 ul :hover > ul,
#wb_CssMenu1 ul :hover ul,
#wb_CssMenu1 ul :hover ul ul,
#wb_CssMenu1 ul :hover ul :hover > ul,
#wb_CssMenu1 ul :hover ul :hover ul ul,
#wb_CssMenu1 ul :hover ul .firstitem:hover > ul 
{
   position: static !important;
   left: auto !important;
   top: auto !important;
   visibility: visible !important;
   padding-top: 0 !important;
}
#wb_CssMenu1 li > ul
{
   max-height: 0;
   overflow: hidden;
   transition: max-height .3s ease;
   padding: 0;
   width: 100%;
}
#wb_CssMenu1 li.open > ul
{
   max-height: 1000px;
}
#wb_CssMenu1 li li
{
   width: 100% !important;
}
#wb_CssMenu1 ul ul a
{
   width: 100% !important;
}
#wb_CssMenu1 a.withsubmenu::after 
{
   content: " ";
   position: absolute;
   right: 10px;
   top: 50%;
   height: 100%;
   display: inline-flex;
   align-items: center;
   pointer-events: none;
   background-color: currentColor;
   -webkit-mask: url("data:image/svg+xml;utf8,%3csvg%20viewBox%3d%220%200%20512%20512%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0d%0a%20%20%20%3cpath%20d%3d%22M50%20145%20C54%20141%2c%2059%20139%2c%2064%20139%20C70%20139%2c%2075%20141%2c%2079%20145%20L256%20323%20L434%20145%20C438%20141%2c%20443%20139%2c%20448%20139%20C454%20139%2c%20459%20141%2c%20463%20145%20C468%20149%2c%20470%20154%2c%20470%20160%20C470%20166%2c%20467%20170%2c%20463%20174%20L272%20366%20C268%20370%2c%20262%20373%2c%20256%20373%20C250%20373%2c%20245%20370%2c%20241%20366%20L50%20174%20C45%20170%2c%2043%20166%2c%2043%20160%20C43%20154%2c%2045%20149%2c%2050%20145%22/%3e%0d%0d%0a%3c/svg%3e%0d%0d%0a") no-repeat center / contain;
   mask: url("data:image/svg+xml;utf8,%3csvg%20viewBox%3d%220%200%20512%20512%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0d%0a%20%20%20%3cpath%20d%3d%22M50%20145%20C54%20141%2c%2059%20139%2c%2064%20139%20C70%20139%2c%2075%20141%2c%2079%20145%20L256%20323%20L434%20145%20C438%20141%2c%20443%20139%2c%20448%20139%20C454%20139%2c%20459%20141%2c%20463%20145%20C468%20149%2c%20470%20154%2c%20470%20160%20C470%20166%2c%20467%20170%2c%20463%20174%20L272%20366%20C268%20370%2c%20262%20373%2c%20256%20373%20C250%20373%2c%20245%20370%2c%20241%20366%20L50%20174%20C45%20170%2c%2043%20166%2c%2043%20160%20C43%20154%2c%2045%20149%2c%2050%20145%22/%3e%0d%0d%0a%3c/svg%3e%0d%0d%0a") no-repeat center / contain;
   width: 14px;
   height: 14px;
   vertical-align: middle;
   transform: translateY(-50%);
}
#wb_CssMenu1 li.open > a.withsubmenu::after
{
   content: " ";
   transform: translate(0, -50%) rotate(180deg);
}
}
#FlexContainer6
{
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
   margin: 0;
   box-sizing: border-box;
   font-size: 0;
}
#HA-Daten
{
   box-sizing: border-box;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#FlexContainer2
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   align-self: auto;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_CssMenu1
{
   display: inline-block;
   width: 938px;
   height: 44px;
   z-index: 1;
}
#HA-Daten
{
   display: inline-block;
   width: 470px;
   height: 330px;
}
@media only screen and (max-width: 1028px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('../images/Regenbogen 2015_09_29 LR-9738_2048crop.jpg');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
}
#MasterPage1
{
   left: 0px;
   top: 0px;
   width: 320px;
   height: 998px;
   visibility: visible;
   display: inline;
}
#BuildWith1
{
   left: 441px;
   top: 967px;
   width: 88px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#FlexContainer1
{
   visibility: visible;
   display: flex;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: flex-start;
   align-content: flex-start;
}
#wb_CssMenu1
{
   width: 336px;
   height: 144px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   text-align: left;
}
#wb_CssMenu1 li
{
}
#wb_CssMenu1 a
{
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   height: 26px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
}
#wb_CssMenu1 a.withsubmenu
{
   padding: 0 5px 0 5px;
}
#wb_CssMenu1 ul :hover ul
{
   left: -9px;
   top: 44px;
   padding-top: 0px;
   visibility: visible;
}
#wb_CssMenu1 .firstmain:hover ul
{
   left: -1px;
}
#wb_CssMenu1 li li
{
   width: 200px;
}
#wb_CssMenu1 ul ul a, #wb_CssMenu1 ul :hover ul a
{
   width: 160px;
   padding: 8px 20px 7px 20px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   line-height: 13px;
   text-decoration: none;
   text-transform: none;
}
#wb_CssMenu1 ul ul :hover a, #wb_CssMenu1 ul ul a:hover, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul :hover ul :hover a, #wb_CssMenu1 ul ul :hover ul a:hover, #wb_CssMenu1 ul ul a.active, #wb_CssMenu1 ul ul :hover ul a.active
{
}
@media (max-width: 768px)
{
#wb_CssMenu1 ul
{
   width: 100%;
}
#wb_CssMenu1 li
{
   display: block;
   width: 100% !important;
   padding: 0 8px 4px 8px !important;
}
#wb_CssMenu1 a
{
   box-sizing: border-box;
   width: 100% !important;
   float: none !important;
}
#wb_CssMenu1 a.withsubmenu
{
   position: relative;
   width: 100% !important;
}
#wb_CssMenu1 li:hover
{
   position: static !important;
}
#wb_CssMenu1 li li.firstitem
{
   padding-top: 4px !important;
}
#wb_CssMenu1 ul ul,
#wb_CssMenu1 ul :hover > ul,
#wb_CssMenu1 ul :hover ul,
#wb_CssMenu1 ul :hover ul ul,
#wb_CssMenu1 ul :hover ul :hover > ul,
#wb_CssMenu1 ul :hover ul :hover ul ul,
#wb_CssMenu1 ul :hover ul .firstitem:hover > ul 
{
   position: static !important;
   left: auto !important;
   top: auto !important;
   visibility: visible !important;
   padding-top: 0 !important;
}
#wb_CssMenu1 li > ul
{
   max-height: 0;
   overflow: hidden;
   transition: max-height .3s ease;
   padding: 0;
   width: 100%;
}
#wb_CssMenu1 li.open > ul
{
   max-height: 1000px;
}
#wb_CssMenu1 li li
{
   width: 100% !important;
}
#wb_CssMenu1 ul ul a
{
   width: 100% !important;
}
#wb_CssMenu1 a.withsubmenu::after 
{
   content: " ";
   position: absolute;
   right: 10px;
   top: 50%;
   height: 100%;
   display: inline-flex;
   align-items: center;
   pointer-events: none;
   background-color: currentColor;
   -webkit-mask: url("data:image/svg+xml;utf8,%3csvg%20viewBox%3d%220%200%20512%20512%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0d%0a%20%20%20%3cpath%20d%3d%22M50%20145%20C54%20141%2c%2059%20139%2c%2064%20139%20C70%20139%2c%2075%20141%2c%2079%20145%20L256%20323%20L434%20145%20C438%20141%2c%20443%20139%2c%20448%20139%20C454%20139%2c%20459%20141%2c%20463%20145%20C468%20149%2c%20470%20154%2c%20470%20160%20C470%20166%2c%20467%20170%2c%20463%20174%20L272%20366%20C268%20370%2c%20262%20373%2c%20256%20373%20C250%20373%2c%20245%20370%2c%20241%20366%20L50%20174%20C45%20170%2c%2043%20166%2c%2043%20160%20C43%20154%2c%2045%20149%2c%2050%20145%22/%3e%0d%0d%0a%3c/svg%3e%0d%0d%0a") no-repeat center / contain;
   mask: url("data:image/svg+xml;utf8,%3csvg%20viewBox%3d%220%200%20512%20512%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0d%0a%20%20%20%3cpath%20d%3d%22M50%20145%20C54%20141%2c%2059%20139%2c%2064%20139%20C70%20139%2c%2075%20141%2c%2079%20145%20L256%20323%20L434%20145%20C438%20141%2c%20443%20139%2c%20448%20139%20C454%20139%2c%20459%20141%2c%20463%20145%20C468%20149%2c%20470%20154%2c%20470%20160%20C470%20166%2c%20467%20170%2c%20463%20174%20L272%20366%20C268%20370%2c%20262%20373%2c%20256%20373%20C250%20373%2c%20245%20370%2c%20241%20366%20L50%20174%20C45%20170%2c%2043%20166%2c%2043%20160%20C43%20154%2c%2045%20149%2c%2050%20145%22/%3e%0d%0d%0a%3c/svg%3e%0d%0d%0a") no-repeat center / contain;
   width: 14px;
   height: 14px;
   vertical-align: middle;
   transform: translateY(-50%);
}
#wb_CssMenu1 li.open > a.withsubmenu::after
{
   content: " ";
   transform: translate(0, -50%) rotate(180deg);
}
}
#wb_CssMenu1 li
{
   padding-bottom: 4px !important;
}
}