div#container
{
   width: 1200px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   color: #4F4F4F;
   font-family: Courgette;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
body:after
{
   background-color: #FFFFFF;
   background-image: url('../images/bgStartseite.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   content: "";
   height: 100vh;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: -1;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#preloader
{
   background: #FFFFFF url("../images/ring-spinner.gif") no-repeat center center;
   bottom: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}
#wb_MenuButton a, #MenuButton_markup li a
{
   display: block;
   text-align: center;
   vertical-align: middle;
}
#MenuButton_markup
{
   display: none;
   margin: 0;
   padding: 0;
}
#MenuButton_panel #MenuButton_markup
{
   display: block;
}
#MenuButton_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#MenuButton_markup li a, #MenuButton_markup li a:hover, #MenuButton_markup li .active
{
   padding: 10px 10px 10px 10px;
   box-shadow: none;
}
#MenuButton_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #2E2E2E;
}
#MenuButton_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 370px;
   z-index: 9999;
}
#wb_MenuButton a
{
   color: #8B4513;
   border: 0px solid rgba(0,0,0,0.00);
   border-radius: 0px;
   background-color: rgba(0,0,0,0.00);
   font-family: Tahoma;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#wb_MenuButton a:hover
{
   color: #8B4513;
   background-color: rgba(0,0,0,0.00);
   border: 0px solid rgba(0,0,0,0.00);
}
#MenuButton .line
{
   width: 30px;
   height: 6px;
   background: #8B4513;
   display: block;
   margin: 6px auto;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
#MenuButton .line:first-child
{
   margin-top: 7px;
}
#MenuButton.open .line:nth-child(1)
{
   -webkit-transform: translateY(12px) rotate(45deg);
   transform: translateY(12px) rotate(45deg);
}
#MenuButton.open .line:nth-child(2)
{
   opacity: 0;
}
#MenuButton.open .line:nth-child(3)
{
   -webkit-transform: translateY(-12px) rotate(-45deg);
   transform: translateY(-12px) rotate(-45deg);
}
#MenuButton
{
   line-height: 45px;
   width: 45px;
   height: 45px;
   position: absolute;
   z-index: 999;
}
#MenuButton-close
{
   display: none;
   text-align: right;
}
#MenuButton-close a
{
   color: #8B4513;
   display: inline-block;
   font-size: 60px;
   font-weight: bold;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
}
#MenuButton-close a:hover
{
   color: #8B4513;
}
@media all and (max-width:320px) 
{
#MenuButton_panel
{
   width: 100%;
}
body
{
   margin-left: 0 !important;
}
#MenuButton-close
{
   display: block;
}
}
#MenuButton-footer
{
   bottom: 0;
   color: #F7F7F7;
   font-family: Tahoma;
   font-size: 16px;
   left: 0;
   padding: 0 0 16px 0;
   position: absolute;
   text-align: center;
   width: 100%;
}
#wb_Menu
{
   position: relative;
   border: 0px solid #424242;
   border-radius: 0px;
   margin: 15px 0 15px 0 ;
}
#wb_Menu
{
   background-color: rgba(122,122,122,0.00);
}
#wb_Menu ul
{
   font-family: Tahoma;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   list-style: none;
   margin: 0;
   padding: 0;
}
.Menu a
{
   text-decoration: none;
}
.Menu ul
{
   list-style: none;
   padding: 0;
   text-align: left;
}
.Menu li 
{
   position: relative;
}
.Menu li a 
{
   display: block;
   position: relative;
   padding: 7px 17px 7px 17px;
   color: #4F4F4F;
   outline: none;
}
.Menu li a:hover, .Menu li a.active
{
   color: #4BC281;
}
.Menu-effect:before
{
   background-color: rgba(204,204,204,0.00);
}
.Menu .sub-menu
{
   padding-top: 0;
   padding-left: 17px !important;
   display: none;
}
.Menu .item-has-children > a 
{
   position: relative;
}
.Menu .item-has-children > a::after
{
   background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2211%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%234F4F4F%22%20d%3D%22M8%205.5L1.9%2011%20.1%209.4l4.3-3.8L.1%201.8%202%20.1l6%205.4%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
   background-size: 8px 11px;
   bottom: auto;
   content: "";
   display: block;
   height: 11px;
   position: absolute;
   right: 1em;
   top: 50%;
   width: 8px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.Menu .item-has-children > a.submenu-open::after
{
   -webkit-transform: translateY(-50%) rotate(90deg);
   transform: translateY(-50%) rotate(90deg);
}
.Menu .item-has-children > a:hover::after
{
   background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2211%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%234BC281%22%20d%3D%22M8%205.5L1.9%2011%20.1%209.4l4.3-3.8L.1%201.8%202%20.1l6%205.4%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}
#wb_Menu .overlay-icon
{
   margin: 0 5px 0 0 ;
   fill: currentColor;
   width: 16px;
   height: 16px;
}
.Menu-effect
{
   display: inline-block;
   position: relative;
   -webkit-transform: perspective(0px) translateX(0);
   transform: perspective(0px) translateX(0);
   -webkit-transition: color 200ms linear;
   transition: color 200ms linear;
}
.Menu-effect:before 
{
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}
.Menu-effect:hover:before, .Menu-effect:focus:before, .Menu-effect:active:before
{
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
}
#wb_Menu.affix
{
   top: 0 !important;
   position: fixed !important;
   left: 50% !important;
   margin-left: 611px;
}
#PlaceholderTop
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#MenuLayer
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   opacity: 0.75;
   box-sizing: border-box;
}
#MenuPanel
{
   padding: 0;
   box-sizing: border-box;
}
#MenuPanel_panel
{
   background-clip: padding-box;
   background-image: linear-gradient(to top, #F5F5F5 0%, #F0F8FF 100%);
   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: solid;
   border-left-style: solid;
   border-top-color: #C0C0C0;
   border-right-color: #C0C0C0;
   border-bottom-color: #C0C0C0;
   border-left-color: #C0C0C0;
   border-top-left-radius: 3px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   box-sizing: border-box;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 370px;
   overflow-y: auto;
   z-index: 9999;
}
@media only screen and (max-width:320px) 
{
#MenuPanel
{
   width: 100% !important;
}
#MenuPanel_panel
{
   width: 100% !important;
}
body
{
   margin-left: 0 !important;
}
}
#wb_LogoGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LogoGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 0 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 350px;
}
#LogoGrid > .col-1, #LogoGrid > .col-2, #LogoGrid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LogoGrid > .col-1, #LogoGrid > .col-2, #LogoGrid > .col-3
{
   flex: 0 0 auto;
   height: 174px;
}
#LogoGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LogoGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LogoGrid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 320px)
{
#LogoGrid > .col-1, #LogoGrid > .col-2, #LogoGrid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
   height: auto;
}
}
#wb_GoTopButton
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#GoTopButton
{
   height: 41px;
   width: 41px;
}
#GoTopButton i
{
   color: #8B4513;
   display: inline-block;
   font-size: 41px;
   line-height: 41px;
   vertical-align: middle;
   width: 40px;
}
#GoTopButton:hover i
{
   color: #8B4513;
}
#GoTopLayer
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   opacity: 0.75;
   box-sizing: border-box;
}
#wb_Logo
{
   margin: 0;
   vertical-align: top;
}
#Logo
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 163px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Placeholder 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 0 0 0;
   margin: 0;
   text-align: center;
}
#Placeholder-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1200px;
   width: 100%;
}
#wb_Placeholder
{
   color: #000000;
   font-family: Tahoma;
   font-weight: normal;
   font-size: 8px;
}
#wb_Placeholder div
{
   text-align: center;
}
#wb_Placeholder
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_PlaceholderBottom
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#PlaceholderBottom
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 100%;
}
#PlaceholderBottom > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#PlaceholderBottom > .col-1
{
   flex: 0 0 auto;
}
#PlaceholderBottom > .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: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 900px)
{
#PlaceholderBottom > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_TitelLayer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#TitelLayer
{
   box-sizing: border-box;
   padding: 5px 5px 5px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 85%;
}
#TitelLayer > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#TitelLayer > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#TitelLayer > .row > .col-1
{
   float: left;
}
#TitelLayer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#TitelLayer:before,
#TitelLayer:after,
#TitelLayer .row:before,
#TitelLayer .row:after
{
   display: table;
   content: " ";
}
#TitelLayer:after,
#TitelLayer .row:after
{
   clear: both;
}
@media (max-width: 900px)
{
#TitelLayer > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Titel 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 5px 20px;
   margin: 0;
   text-align: center;
}
#Titel-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1366px;
   width: 100%;
}
#wb_Titel
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 21px;
}
#wb_Titel div
{
   text-align: center;
}
#wb_Titel
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_PferdeLayer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
}
#PferdeLayer
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 85%;
}
#PferdeLayer > .col-1, #PferdeLayer > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#PferdeLayer > .col-1, #PferdeLayer > .col-2
{
   flex: 0 0 auto;
}
#PferdeLayer > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#PferdeLayer > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 900px)
{
#PferdeLayer > .col-1, #PferdeLayer > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#Lightbox1
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#Lightbox1 .thumbnails
{
   margin: 0;
   font-size: 0;
}
#Lightbox1 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   display: inline-block;
   margin: 0;
   padding: 5px 5px 5px 5px;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}
#Lightbox1 .thumbnail img
{
   border: 1px #A9A9A9 solid;
   box-shadow: 3px 3px 5px #C0C0C0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 5px;
}
#Lightbox1 .clearfix:before,
#Lightbox1 .clearfix:after,
#Lightbox1 .thumbnails:before,
#Lightbox1 .thumbnails:after
{
   display: table;
   content: " ";
}
#Lightbox1 .clearfix:after,
#Lightbox1 .thumbnails:after
{
   clear: both;
}
#Lightbox1 .visible-col1
{
   display: block;
}
#Lightbox2
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#Lightbox2 .thumbnails
{
   margin: 0;
   font-size: 0;
}
#Lightbox2 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   display: inline-block;
   margin: 0;
   padding: 5px 5px 5px 5px;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}
#Lightbox2 .thumbnail img
{
   border: 1px #A9A9A9 solid;
   box-shadow: 3px 3px 5px #C0C0C0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 5px;
}
#Lightbox2 .clearfix:before,
#Lightbox2 .clearfix:after,
#Lightbox2 .thumbnails:before,
#Lightbox2 .thumbnails:after
{
   display: table;
   content: " ";
}
#Lightbox2 .clearfix:after,
#Lightbox2 .thumbnails:after
{
   clear: both;
}
#Lightbox2 .visible-col1
{
   display: block;
}
#wb_NordsternText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 5px 20px;
   margin: 0;
   text-align: center;
}
#NordsternText-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1366px;
   width: 100%;
}
#wb_NordsternText
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 16px;
}
#wb_NordsternText div
{
   text-align: center;
}
#wb_NordsternText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_NilsText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 5px 20px;
   margin: 0;
   text-align: center;
}
#NilsText-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1366px;
   width: 100%;
}
#wb_NilsText
{
   color: #000000;
   font-family: Courgette;
   font-weight: normal;
   font-size: 16px;
}
#wb_NilsText div
{
   text-align: center;
}
#wb_NilsText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Nordstern 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 20px 10px 20px;
   margin: 0;
   text-align: center;
}
#wb_Nordstern
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 17px;
}
#wb_Nordstern div
{
   text-align: center;
}
#wb_Nordstern
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Nils 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 10px 0;
   margin: 0;
   text-align: center;
}
#wb_Nils
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 17px;
}
#wb_Nils div
{
   text-align: center;
}
#wb_Nils
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 85%;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#LayoutGrid1 > .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-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 900px)
{
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_HinweisLayer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#HinweisLayer
{
   box-sizing: border-box;
   padding: 5px 5px 5px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 85%;
}
#HinweisLayer > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#HinweisLayer > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#HinweisLayer > .row > .col-1
{
   float: left;
}
#HinweisLayer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#HinweisLayer:before,
#HinweisLayer:after,
#HinweisLayer .row:before,
#HinweisLayer .row:after
{
   display: table;
   content: " ";
}
#HinweisLayer:after,
#HinweisLayer .row:after
{
   clear: both;
}
@media (max-width: 900px)
{
#HinweisLayer > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_HinweisText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 5px 20px;
   margin: 0;
   text-align: center;
}
#HinweisText-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1366px;
   width: 100%;
}
#wb_HinweisText
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 16px;
}
#wb_HinweisText div
{
   text-align: center;
}
#wb_HinweisText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#PhotoGallery2
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#PhotoGallery2 .thumbnails
{
   margin: 0;
   font-size: 0;
}
#PhotoGallery2 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   display: inline-block;
   margin: 0;
   padding: 5px 5px 5px 5px;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}
#PhotoGallery2 .thumbnail img
{
   border: 1px #A9A9A9 solid;
   box-shadow: 3px 3px 5px #C0C0C0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 5px;
}
#PhotoGallery2 .clearfix:before,
#PhotoGallery2 .clearfix:after,
#PhotoGallery2 .thumbnails:before,
#PhotoGallery2 .thumbnails:after
{
   display: table;
   content: " ";
}
#PhotoGallery2 .clearfix:after,
#PhotoGallery2 .thumbnails:after
{
   clear: both;
}
#PhotoGallery2 .visible-col1
{
   display: block;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 5px 20px;
   margin: 0;
   text-align: center;
}
#Text2-max-width
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1366px;
   width: 100%;
}
#wb_Text2
{
   color: #000000;
   font-family: Courgette;
   font-weight: normal;
   font-size: 16px;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text2
{
   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: 10px 0 10px 0;
   margin: 0;
   text-align: center;
}
#wb_Text4
{
   color: #8B4513;
   font-family: Courgette;
   font-weight: normal;
   font-size: 17px;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_PlaceholderBottom
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#PlaceholderBottom
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 100%;
}
#PlaceholderBottom > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#PlaceholderBottom > .col-1
{
   flex: 0 0 auto;
}
#PlaceholderBottom > .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: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 900px)
{
#PlaceholderBottom > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
::-webkit-scrollbar {
  display: none;
}
