div#container
{
   width: 1400px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url('images/hintergrund.png');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Extension1
{
   height: 100%;
   perspective: 1000px;
   perspective-origin: 50% 50%;
   position: relative;
}
#Extension1 .carousel
{
   bottom: 0;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   transform-style: preserve-3d;
   transform: rotateX(90deg) translateY(-50%) rotateX(-90deg);
}
#Extension1 .carousel-inner
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   bottom: 0;
   height: 100%;
   left: 0;
   margin: auto;
   position: absolute;
   right: auto;
   top: 0;
   transform-style: preserve-3d;
   transition: transform 1000ms ease-out;
   transform-origin: 50% 50%;
   transform: rotateX(0) rotateY(0);
   width: 50%;
}
#Extension1 .transitions-disabled * 
{
   transition: none !important;
}
#Extension1 .slide-fwd .carousel-inner
{
   transform: rotateX(-90deg);
}
#Extension1 .slide-bwd .carousel-inner 
{
   transform: rotateX(90deg);
}
#Extension1 .slide-fwd .carousel-right 
{
   transform: rotateX(90deg);
}
#Extension1 .slide-bwd .carousel-right 
{
   transform: rotateX(-90deg);
}
#Extension1 .carousel-right 
{
   left: auto;
   right: 0;
}
#Extension1 .carousel-item
{
   display: none;
   height: 100%;
   overflow: hidden;
   position: absolute;
   width: 100%;
}
#Extension1 .carousel-item.next
{
   display: block;
   transform: rotateX(180deg) translateY(50%) rotateX(-90deg);
}
#Extension1 .carousel-right .carousel-item.next
{
   transform: rotateX(360deg) translateY(50%) rotateX(-90deg);
}
#Extension1 .slide-bwd .carousel-item.next
{
   transform: rotateX(0deg) translateY(50%) rotateX(-90deg);
}
#Extension1 .slide-bwd .carousel-right .carousel-item.next
{
   transform: rotateX(-180deg) translateY(50%) rotateX(-90deg);
}
#Extension1 .active 
{
   display: block;
   transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
}
#Extension1 .content 
{
   font-family: "Arial";
   height: 100%;
   left: 0;
   position: absolute;
   width: 200%;
}
#Extension1 .carousel-right .content 
{
   left: -100%;
}
#Extension1 .content-left,
#Extension1 .content-right
{
   position: absolute;
   left: 0;
   top: 0;
   width: 50%;
   height: 100%;
}
#Extension1 .content-right
{
   background: #4682B4;
   right: 0;
   left: auto;
}
#Extension1 .content-left 
{
   background-repeat: no-repeat;
   background-size: cover;
}
#Extension1 .content-left:before 
{
   position: absolute;
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-color: rgba(255,235,205,0.00);
}
#Extension1 .title
{
   color: #FFFFFF;
   font-size: 43px;
   height: 10%;
}
#Extension1 .title span
{
   font-size: 27px;
   font-weight: 300;
   opacity: 0.9;
}
#Extension1 .content-right
{
   display: flex;
   align-items: center;
   justify-content: center;
}
#Extension1 .content-right .description 
{
   position: absolute;
   text-align: left;
   color: #FFFFFF;
   font-size: 35px;
   padding: 20px 20px;
   line-height: 1.1;
   font-weight: 300;
   margin: 0;
   opacity: 0.8;
}
#Extension1 .button
{
   color: rgba(255,255,255,0.78);
   font-size: 35px;
   border: 0px solid rgba(255,255,255,0.78);
   background: transparent;
   border-radius: 0px;
   box-sizing: border-box;
   display: inline-block;
   padding: 8px 16px;
   text-decoration: none;
   transition: all 300ms ease;
}
#Extension1 .button:hover
{
   border-color: #FFFFFF;
   color: #FFFFFF;
}
#Extension1 .carousel-controls
{
   align-items: center;
   bottom: 0;
   box-sizing: border-box;
   color: #FFFFFF;
   display: flex;
   justify-content: flex-end;
   left: auto;
   padding: 20px 20px;
   position: absolute;
   right: 0;
   width: 50%;
   z-index: 10;
}
#Extension1 .carousel-controls a 
{
   align-items: center;
   border: 5px solid #FFFFFF;
   border-radius: 30px;
   color: inherit;
   cursor: pointer;
   display: flex;
   height: 100px;
   justify-content: center;
   line-height: 0;
   opacity: 0.5;
   position: relative;
   transition: all 300ms ease-in-out;
   width: 100px;
}
#Extension1 .carousel-controls a:after
{
   position: absolute;
   content: "";
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100px;
   width: 100%;
   height: 100%;
}
#Extension1 .carousel-controls .carousel-control-prev:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M100 45 L100 53 C100 56, 99 58, 98 59 C96 61, 94 62, 92 62 L44 62 L64 80 C66 82, 67 84, 67 86 C67 88, 66 90, 64 92 L59 97 C57 98, 55 99, 53 99 C51 99, 48 98, 47 97 L2 55 C1 54, 0 52, 0 49 C0 47, 1 45, 2 44 L47 2 C48 1, 50 0, 53 0 C55 0, 57 1, 59 2 L64 7 C66 9, 67 11, 67 13 C67 15, 66 17, 64 19 L44 37 L92 37 C94 37, 96 38, 98 40 C99 41, 100 43, 100 45'/%3E%3C/svg%3E");
}
#Extension1 .carousel-controls .carousel-control-next:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M99 50 C99 52, 98 54, 97 56 L53 98 C51 99, 49 100, 47 100 C44 100, 42 99, 40 98 L36 93 C34 91, 33 89, 33 87 C33 85, 34 83, 36 81 L55 62 L8 62 C6 62, 4 62, 2 60 C1 58, 0 56, 0 54 L0 46 C0 44, 1 42, 2 40 C4 38, 6 38, 8 38 L55 38 L36 19 C34 17, 33 15, 33 13 C33 11, 34 9, 36 7 L40 2 C42 1, 44 0, 47 0 C49 0, 51 1, 53 2 L97 44 C98 46, 99 48, 99 50'/%3E%3C/svg%3E");
}
#Extension1 .carousel-controls a:hover
{
   opacity: 1;
}
#Extension1 .carousel-controls .carousel-control-prev
{
   margin-right: 30px;
}
#wb_ResponsiveMenu1
{
   display: block;
   font-family: Arial;
   font-weight: normal;
   text-align: left;
   width: 100%;
}
#ResponsiveMenu1
{
   background-color: #696969;
   height: 95px;
}
#wb_ResponsiveMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu1 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu1 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu1 ul li i
{
   font-size: 42px;
   width: 42px;
}
#wb_ResponsiveMenu1 ul li a
{
   background-color: #696969;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   text-decoration: none;
   padding: 15px 30px 15px 30px;
   text-align: center;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: 65px;
}
.ResponsiveMenu1 a 
{
   display: block;
}
#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu1 ul ul
{
   display: none;
   position: absolute;
   top: 95px;
}
#wb_ResponsiveMenu1 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu1 ul ul li 
{
   float: none;
   position: relative;
   width: 229px;
}
#wb_ResponsiveMenu1 ul ul li a
{
   background-color: #7A7A7A;
   border: 0px solid #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu1 ul ul li i 
{
   margin-right: 14px;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul li a 
{
   padding-top: 15px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   left: 229px;
   position: relative;
   top: -95px;
}
#wb_ResponsiveMenu1 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu1 .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_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{ 
   border-top-color: #424242;
}
#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
{ 
   border-left-color: #424242;
}
#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
{
   display: none;
}
@media all and (max-width:320px) 
{
#wb_ResponsiveMenu1
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-size: 21px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   padding: 15px 20px 15px 20px;
}
#wb_ResponsiveMenu1 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu1 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu1 
{
   background-color: transparent;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: auto !important;   margin: 0;
}
#wb_ResponsiveMenu1 .toggle 
{
   display: block;
   background-color: #696969;
   color: #FFFFFF;
   padding: 0 20px 0 20px;
   line-height: 72px;
   text-decoration: none;
   border: none;
}
#wb_ResponsiveMenu1 .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
[id^=ResponsiveMenu1-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu1-title
{
   height: 95px !important;
   line-height: 95px !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu1 ul ul .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu1 a:hover,
#wb_ResponsiveMenu1 ul ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul li ul li .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul ul a 
{
   padding: 15px 20px 15px 60px;
}
#wb_ResponsiveMenu1 ul li a 
{
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu1 ul li i 
{
   margin-right: 14px;
}
#wb_ResponsiveMenu1 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu1 ul ul li:hover > ul,
#wb_ResponsiveMenu1 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu1 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu1-icon 
{
   display: block;
   position: absolute;
   left: 30px;
   top: 35px;
   user-select: none;
}
#ResponsiveMenu1-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu1 .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{
   border-top-color: #424242;
}
#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
{
   border-top-color: #424242;
}
}