div.ccm-block-feature-item p{margin-left:30px}div.ccm-block-feature-item i{margin-right:10px}div.ccm-block-feature-item{margin-bottom:40px}


a.ccm-block-page-list-rss-feed{position:absolute;right:0;top:0}div.ccm-block-page-list-wrapper{position:relative}div.ccm-block-page-list-page-entry-horizontal{display:table;width:100%}div.ccm-block-page-list-page-entry,div.ccm-block-page-list-page-entry-horizontal{margin-bottom:10px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail{display:table-cell;vertical-align:top;width:1px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img{max-width:none;width:120px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text{display:table-cell;padding-left:20px;vertical-align:top}div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title{font-weight:700}div.ccm-block-page-list-page-entry-read-more{margin-top:20px}.ccm-block-rss-displayer-item{margin-bottom:16px}.ccm-block-rss-displayer-item-title{font-weight:700}.ccm-block-rss-displayer-item-date{color:#999}div.ccm-block-top-navigation-bar .navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb),0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb),0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb),0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb),0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);position:relative}div.ccm-block-top-navigation-bar .navbar>.container,div.ccm-block-top-navigation-bar .navbar>.container-fluid,div.ccm-block-top-navigation-bar .navbar>.container-lg,div.ccm-block-top-navigation-bar .navbar>.container-md,div.ccm-block-top-navigation-bar .navbar>.container-sm,div.ccm-block-top-navigation-bar .navbar>.container-xl,div.ccm-block-top-navigation-bar .navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}div.ccm-block-top-navigation-bar .navbar-brand{color:var(--bs-navbar-brand-color);font-size:var(--bs-navbar-brand-font-size);margin-right:var(--bs-navbar-brand-margin-end);padding-bottom:var(--bs-navbar-brand-padding-y);padding-top:var(--bs-navbar-brand-padding-y);text-decoration:none;white-space:nowrap}div.ccm-block-top-navigation-bar .navbar-brand:focus,div.ccm-block-top-navigation-bar .navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}div.ccm-block-top-navigation-bar .navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}div.ccm-block-top-navigation-bar .navbar-nav .nav-link.active,div.ccm-block-top-navigation-bar .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}div.ccm-block-top-navigation-bar .navbar-nav .dropdown-menu{position:static}div.ccm-block-top-navigation-bar .navbar-text{color:var(--bs-navbar-color);padding-bottom:.5rem;padding-top:.5rem}div.ccm-block-top-navigation-bar .navbar-text a,div.ccm-block-top-navigation-bar .navbar-text a:focus,div.ccm-block-top-navigation-bar .navbar-text a:hover{color:var(--bs-navbar-active-color)}div.ccm-block-top-navigation-bar .navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}div.ccm-block-top-navigation-bar .navbar-toggler{background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);color:var(--bs-navbar-color);font-size:var(--bs-navbar-toggler-font-size);line-height:1;padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){div.ccm-block-top-navigation-bar .navbar-toggler{transition:none}}div.ccm-block-top-navigation-bar .navbar-toggler:hover{text-decoration:none}div.ccm-block-top-navigation-bar .navbar-toggler:focus{box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);outline:0;text-decoration:none}div.ccm-block-top-navigation-bar .navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}div.ccm-block-top-navigation-bar .navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media(min-width:576px){div.ccm-block-top-navigation-bar .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:768px){div.ccm-block-top-navigation-bar .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:992px){div.ccm-block-top-navigation-bar .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1200px){div.ccm-block-top-navigation-bar .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1400px){div.ccm-block-top-navigation-bar .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}div.ccm-block-top-navigation-bar .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}div.ccm-block-top-navigation-bar .navbar-dark,div.ccm-block-top-navigation-bar .navbar[data-bs-theme=dark]{--bs-navbar-color:hsla(0,0%,100%,.55);--bs-navbar-hover-color:hsla(0,0%,100%,.75);--bs-navbar-disabled-color:hsla(0,0%,100%,.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:hsla(0,0%,100%,.1)}div.ccm-block-top-navigation-bar .navbar-dark,div.ccm-block-top-navigation-bar .navbar[data-bs-theme=dark],div.ccm-block-top-navigation-bar [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}div.ccm-block-top-navigation-bar .input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}div.ccm-block-top-navigation-bar .input-group>.form-control,div.ccm-block-top-navigation-bar .input-group>.form-floating,div.ccm-block-top-navigation-bar .input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}div.ccm-block-top-navigation-bar .input-group>.form-control:focus,div.ccm-block-top-navigation-bar .input-group>.form-floating:focus-within,div.ccm-block-top-navigation-bar .input-group>.form-select:focus{z-index:5}div.ccm-block-top-navigation-bar .input-group .btn{position:relative;z-index:2}div.ccm-block-top-navigation-bar .input-group .btn:focus{z-index:5}div.ccm-block-top-navigation-bar .input-group-text{align-items:center;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);color:var(--bs-body-color);display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}div.ccm-block-top-navigation-bar .input-group-lg>.btn,div.ccm-block-top-navigation-bar .input-group-lg>.form-control,div.ccm-block-top-navigation-bar .input-group-lg>.form-select,div.ccm-block-top-navigation-bar .input-group-lg>.input-group-text{border-radius:var(--bs-border-radius-lg);font-size:1.25rem;padding:.5rem 1rem}div.ccm-block-top-navigation-bar .input-group-sm>.btn,div.ccm-block-top-navigation-bar .input-group-sm>.form-control,div.ccm-block-top-navigation-bar .input-group-sm>.form-select,div.ccm-block-top-navigation-bar .input-group-sm>.input-group-text{border-radius:var(--bs-border-radius-sm);font-size:.875rem;padding:.25rem .5rem}div.ccm-block-top-navigation-bar .input-group-lg>.form-select,div.ccm-block-top-navigation-bar .input-group-sm>.form-select{padding-right:3rem}div.ccm-block-top-navigation-bar .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),div.ccm-block-top-navigation-bar .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,div.ccm-block-top-navigation-bar .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,div.ccm-block-top-navigation-bar .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-bottom-right-radius:0;border-top-right-radius:0}div.ccm-block-top-navigation-bar .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:calc(var(--bs-border-width)*-1)}div.ccm-block-top-navigation-bar .input-group>.form-floating:not(:first-child)>.form-control,div.ccm-block-top-navigation-bar .input-group>.form-floating:not(:first-child)>.form-select{border-bottom-left-radius:0;border-top-left-radius:0}div.ccm-block-top-navigation-bar .navbar .navbar-nav{order:0}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar{background-color:#000;display:block;height:2px;width:25px}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:first-of-type{transform:rotate(45deg);transform-origin:10% 10%}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:nth-of-type(2){opacity:0}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar+.icon-bar{margin-top:5px}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:first-of-type{transform:rotate(0)}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:nth-of-type(2){opacity:1}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:nth-of-type(3){transform:rotate(0)}div.ccm-block-top-navigation-bar .navbar-toggler:hover .icon-bar{background-color:#0d6efd}div.ccm-block-top-navigation-bar .navbar-brand{float:none;height:auto}div.ccm-block-top-navigation-bar .navbar-brand img{max-height:38px}div.ccm-block-top-navigation-bar form{display:flex;margin-left:auto;order:1}div.ccm-block-top-navigation-bar form .btn{background:none;padding:.5rem .25rem}ul.ccm-block-date-navigation-dates{list-style-type:none;padding-bottom:0;padding-left:0}.ccm-block-date-navigation-date-selected{font-weight:700}.ccm-responsive-overlay{display:none}


/* Flexnav Base Styles */
 .flexnav {
     margin: 0;
     padding: 0;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     -webkit-transform-style: preserve-3d;
     overflow: hidden;
     margin: 0 auto;
     width: 100%;
     max-height: 0;
}
 .flexnav.opacity {
     opacity: 0;
}
 .flexnav.flexnav-show {
     max-height: 2000px;
     opacity: 1;
     -webkit-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}
 .flexnav.one-page {
     position: fixed;
     top: 50px;
     right: 5%;
     max-width: 200px;
}
 .flexnav li {
     font-size: 100%;
     position: relative;
     overflow: hidden;
     list-style-type: none;
}
 .flexnav li a {
     position: relative;
     display: block;
     padding: 0.9em;
     z-index: 2;
     font-weight: 500 !important;
     color: #000000;
     background: transparent;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-transition: color 0.4s ease-in-out;
     -o-transition: color 0.4s ease-in-out;
     transition: color 0.4s ease-in-out;
}
 .flexnav li ul {
     width: 100%;
     background-color: #fff;    
}
 .flexnav li ul li {
     font-size: 100%;
     position: relative;
     overflow: hidden;
}
 .flexnav li ul.flexnav-show li {
     overflow: visible;
}
 .flexnav .touch-button {
     position: absolute;
     z-index: 999;
     top: 0;
     right: 0;
     width: 55px;
     height: 55px;
     display: inline-block;
     background: #acaca1;
     background: rgba(0, 0, 0, 0.075);
     text-align: center;
}
 .flexnav .touch-button:hover {
     cursor: pointer;
}
 .flexnav .touch-button .navicon {
     visibility: hidden;
}
 .menu-button {
     position: relative;
     background: #a6a6a2;
     cursor: pointer;
}
 .menu-button.one-page {
     position: fixed;
     top: 0;
     right: 5%;
     padding-right: 45px;
}
/* .menu-button .touch-button {
     background: transparent;
     position: absolute;
     z-index: 999;
     top: 0;
     right: 0;
     width: 50px;
     height: 50px;
     display: inline-block;
     text-align: center;
}
 */
 .menu-button .touch-button .navicon {
     font-size: 16px;
     position: relative;
     top: 1em;
     color: #333333;
}

/* wbox variables.less Wert @breakpoint-desktop verwenden */
 @media all and (min-width: 992px) {
     body.one-page {
         padding-top: 70px;
    }
     .flexnav {
         overflow: visible;
         float: right;
         width: auto;
    }
     .flexnav.opacity {
         opacity: 1;
    }
     .flexnav.one-page {
         top: 0;
         right: auto;
         max-width: 1080px;
    }
     .flexnav li {
         position: relative;
         width: auto;
         list-style: none;
         float: left;
         display: block;
         overflow: visible;
         padding: 6px 5px;
    }
     .flexnav > li {
        margin-right:18px;
     }
     .flexnav > li:last-of-type {
        margin-right:0px;
     }
     .flexnav li a {
         border-bottom: none;
         padding: 0;
         font-size: 16px;
         padding-bottom: 0.1em;
    }
    
     .flexnav li a:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: -4px;
        right: -webkit-calc(100% + 5px);
        right: calc(100% + 5px);
        bottom: 0;
        background: #8CC2E2;
        -webkit-transition-property: left, right;
        -o-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
           transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
           transition-timing-function: ease-out;
        }
        
     .flexnav > li > a:hover:before {
         left: -5px;
         right: -5px;  }
    .flexnav li:last-child{
        padding-bottom: 6px;
    }
    .flexnav>li:first-child>a{
        margin-left: -10px;
    }
    .flexnav>li:last-child>a { 
        margin-right: -8px;
     }
     .flexnav li > ul {
         position: absolute;
         top: 36px;
         left: 0;
         background: rgba(256, 256, 256, 0.8);
         padding-left: 0!important
    }
    .flexnav li > ul > li:hover {
        background: rgba(256,256,256, 1);
}
     .flexnav li a.nav-selected, .flexnav li a.nav-path-selected {
        color: #8CC2E2;
    }
     .flexnav > li > a.nav-selected:before, .flexnav > li > a.nav-path-selected:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #8CC2E2;
        height: 0px;
        margin-right: -5px;
        margin-left: -5px;
        }
    .flexnav > li > ul > li a.nav-selected {
        font-weight: bold;
    }
     .flexnav > li > ul > li:hover {
        background: rgba(256, 256, 256, 1)
        }        
     .flexnav li ul  {
        margin-left: 0px;
        min-width: 250px;
    }
     .flexnav li > ul li {
         width: 100%;
         overflow: visible;
    }
     .flexnav li:last-child > ul li > ul {
         right:100%;
         left: initial;
     }
     .flexnav li ul li > ul {
         margin-left: -webkit-calc(100% - 1.03em);
         margin-left: calc(100% - 1.03em);
         top: 0;
    }
     .flexnav li ul li a {
         border-bottom: none;
         font-size: 16px;
         padding:0.1em 0.7em;
    }
     .flexnav li ul.open {
         display: block;
         opacity: 1;
         visibility: visible;
         z-index: 1;
    }
     .flexnav li ul.open li {
         overflow: visible;
         max-height: 100px;
    }
     .flexnav li ul.open ul.open {
         margin-left: 100%;
         top: 0;
    }
     .menu-button, .flexnav .touch-button {
         display: none;
    }
}


@media (max-width:1199px){
         .flexnav li a {
         border-bottom: none;
         font-size:1.1em;
    }
}
@media (min-width:1200px){
    .flexnav > li {
        margin-right:18px;
    }
             .flexnav li ul li a {
         padding: 0.1em 0.5em;
    }
}

@media (min-width:1440px){
    .flexnav > li {
        margin-right:24px;
    }
    .flexnav li ul li a {
        padding: 0.1em 0.9em;
    }
}

@media screen and ( max-width: 991px){
    .flexnav li a {
        padding-left: 35px;
        border-bottom: 1px solid #8CC2E2;
    }
    .flexnav li ul li {
        padding-left: 25px;
    }
}


/* no break mainnav > tablet
 tablet landscape styling*/
/*
@media (min-width: 768px) and (max-width: 991px) {
    .flexnav li a {
        padding: 0.4em 0.4em 0.4em 0.4em;
        font-size: 0.8em;   
    }
    .flexnav li ul li a {
         padding: 0.4em 0.4em;
    }

}
*/

/* wbox variables.less Wert @breakpoint-mobile verwenden */

/*
@media all and (max-width:1199px){
     .flexnav {
        position: absolute;
        background: #ffffff;
     }
     .flexnav li ul {
         margin-left: 0;
         padding-left: 0;
     }
     
     .ccm-page .flexnav li a, .flexnav li a:link, .flexnav li a:active {
         border-bottom: 1px solid #ddd;
         padding: 0.9em;
         font-size:1.1em;
         color: #555;
    }
     
     .flexnav > li > a {
         text-transform: uppercase;
     }
     
     .ccm-page .flexnav li a.nav-selected,
     .ccm-page .flexnav li a.nav-path-selected {
         color: #ec8213;
     }
     */
     
    /*Zweite Stufe*/
     .flexnav > li > ul > li > a {
         padding-left: 25px !important;
         
    }
     .flexnav > li > ul > li > ul > li > a {
         padding-left: 35px !important;
    }
     
    .flexnav .touch-button:after,
    .flexnav .touch-button:before{
        width: 15px;
        height: 2px;
        display: inline-block;
        background-color: #333333;
        position: relative;
        top: 13px;
        left: -10px;  
        content: '';
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;    
    }
    .flexnav .touch-button:before{
        -webkit-transform: translate(20px) rotate(-45deg);
        -ms-transform: translate(20px) rotate(-45deg);
            transform: translate(20px) rotate(-45deg);    
    }
    .flexnav  .touch-button.active:after{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);  
    }
    .flexnav  .touch-button.active:before{
        -webkit-transform: translate(20px) rotate(45deg);
        -ms-transform: translate(20px) rotate(45deg);
            transform: translate(20px) rotate(45deg);
    } 
}

/* Flexnav Fix for MS Edge and Windows Phone */
 @media screen (-ms-high-contrast: active) and (-ms-high-contrast: none) {
     .flexnav li a {
         overflow:hidden;
    }
}
/*temporär um display none uls zu sehen*/
/*.flexnav li ul {
    display: block!important;
} */

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
 .royalSlider {
     width: 800px;
     height: 400px;
     position: relative;
     direction: ltr;
     overflow: hidden;
}
 .royalSlider > * {
     float: left;
}
 .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
     -webkit-backface-visibility: hidden;
}
 .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
     -webkit-transform: none;
}
 .rsOverflow {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     float: left;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVisibleNearbyWrap {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     left: 0;
     top: 0;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVisibleNearbyWrap .rsOverflow {
     position: absolute;
     left: 0;
     top: 0;
}
 .rsContainer {
     position: relative;
     width: 100%;
     height: 100%;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsArrow, .rsThumbsArrow {
     cursor: pointer;
}
 .rsThumb {
     float: left;
     position: relative;
}
 .rsArrow, .rsNav, .rsThumbsArrow {
     opacity: 1;
     -webkit-transition:opacity 0.3s linear;
     -o-transition:opacity 0.3s linear;
     transition:opacity 0.3s linear;
}
 .rsHidden {
     opacity: 0;
     visibility: hidden;
     -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
 .rsGCaption {
     width: 100%;
     float: left;
     text-align: center;
}
/* Fullscreen options, very important ^^ */
 .royalSlider.rsFullscreen {
     position: fixed !important;
     height: auto !important;
     width: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     z-index: 2147483647 !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     right: 0 !important;
}
 .royalSlider .rsSlide.rsFakePreloader {
     opacity: 1 !important;
     -webkit-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
     display: none;
}
 .rsSlide {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     overflow: hidden;
     height: 100%;
     width: 100%;
}
 .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
     height: auto;
}
 .rsContent {
     width: 100%;
     height: 100%;
     position: relative;
}
 .rsPreloader {
     position:absolute;
     z-index: 0;
}
 .rsNav {
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .rsNavItem {
     -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
 .rsThumbs {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     float: left;
     z-index: 22;
}
 .rsTabs {
     float: left;
     background: none !important;
}
 .rsTabs, .rsThumbs {
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVideoContainer {
     width: auto;
     height: auto;
     line-height: 0;
     position: relative;
}
 .rsVideoFrameHolder {
     position: absolute;
     left: 0;
     top: 0;
     background: #141414;
     opacity: 0;
     -webkit-transition: .3s;
}
 .rsVideoFrameHolder.rsVideoActive {
     opacity: 1;
}
 .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
     position: absolute;
     z-index: 50;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
/* ios controls over video bug, shifting video */
 .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 44px;
}
 .rsABlock {
    /* left: 0;
     top: 0;
     position: absolute;
     */
     z-index: 15;
}
 img.rsImg {
     max-width: none;
}
 .grab-cursor {
     cursor:url(../../../blocks/wbox_slider/grab.png) 8 8, move;
}
 .grabbing-cursor{
     cursor:url(../../../blocks/wbox_slider/grabbing.png) 8 8, move;
}
 .rsNoDrag {
     cursor: auto;
}
 .rsLink {
     left:0;
     top:0;
     position:absolute;
     width:100%;
     height:100%;
     display:block;
     z-index: 20;
     background: url(../../../blocks/wbox_slider/blank.gif);
}
/*Custom wbox-slider*/

 .wbox-slider {
    width: 100%;
     height: 350px;
     margin: 0 auto;
}
 .rsContent {
     background-repeat: no-repeat;
     background-size:cover;
     -webkit-transition:all 0.4s ease;
     -o-transition:all 0.4s ease;
     transition:all 0.4s ease;
}
/*Bildposition für Hintergrundbilder*/
 .bgimgpos-lt {
    background-position: left top;
}
 .bgimgpos-lc {
    background-position: left center;
}
 .bgimgpos-lb {
    background-position: left bottom;
}
 .bgimgpos-ct {
    background-position: center top;
}
 .bgimgpos-cc {
    background-position: center center;
}
 .bgimgpos-cb {
    background-position: center bottom;
}
 .bgimgpos-rt {
    background-position: right top;
}
 .bgimgpos-rc {
    background-position: right center;
}
 .bgimgpos-rb {
    background-position: right bottom;
}
 .wbox-overflow {
     height: 100%;
     background-color: rgba(0,0,0,0.35);
}
/*Slider Inhalt*/
 .slidecontainer {
     position: absolute;
     z-index: 16;
     height: 80%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);

}
 .slidecenter {
     text-align: center;
}
 .slideright {
     text-align: right;
}
/*Design Inhalt*/
 .slidecontainer h2{
    font-size: 2.5em!important;
    line-height: 1.2em;
    font-weight: 700;
    
}
 .slidecontainer p {
         font-size: 2em;
         line-height: 1.1em;
    }
 .slidecontainer h2, .slidecontainer h3, .slidecontainer p {
     color:#ffffff!important;
     font-family: 'Open Sans', sans-serif;
     
}
@media (min-width:1440px) {
     .slidecontainer {
         padding-left: 8em;
         padding-right: 8em;
     }
    
}

 @media (min-width:768px){
    
     .slidecontainer {
         padding-left: 4em;
         padding-right: 4em;
     }
     
     .slidecontainer p {
         font-size: 2em;
    }
}
/*Pfeile*/
.rsArrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
}
.rsArrowLeft {
}
.rsArrowRight {
    right: 0;
}
.rsArrowIcn {
    background-image: url('../../../blocks/wbox_slider/wbox-left-right-arr.png');
    width: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 62px;
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.3;
    z-index: 101;
}
.rsArrowRight .rsArrowIcn {
    background-position:-41px 0;
}
/*Bullets*/
 .rsBullets {
     width: 100%;
     margin:0 auto;
     text-align: center;
}
 .rsBullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     margin: 5px;
     background-color: #ccc;
     border-radius: 50%;
}

/*Box über Slider*/

.logobox {
    position: absolute;
    width: 350px;
    height: 350px;
    background-size: 95%;
    background-position: center center;
    background-image: url(/packages/theme_wbox_simplio/themes/simpliotheme/img/aquafitness_logo.png);
    box-sizing: border-box; 
    z-index: 101;
    background-repeat: no-repeat;
}

.logobox_verlauf {
    position: absolute;
    width: 970px;
    height: 350px;
    background-image: linear-gradient(-90deg, rgba(255,255,255,0) 19%, rgba(140,194,226,1) 70%);
    box-sizing: border-box; 
    z-index: 100;
}

@media screen and ( max-width: 992px){
    .slidecontainer{
        font-size: 0.6em;
    }
}


@media screen and ( max-width: 768px){
    .slidecontainer {
        font-size: 0.6em;
    }

    .logobox {    
        transform: scale(0.8);
        transform-origin: center;
        height: 250px;
        width: 250px;
    }

    .wbox-slider {    
        height: 250px;
    }

    .logobox_verlauf {    
        height: 250px;
        width: 100%;

    }
  
    
    .rsArrowIcn {
        background-size: cover;
        /*background-position: 5px   0;*/
        /*left:initial;*/

    }
    .rsArrowRight .rsArrowIcn {
    background-position: -41px 0;
}
    .rsArrowLeft .rsArrowIcn{
        left: 18px;
    }
    .rsArrowRight .rsArrowIcn{
        right: 0px;
        background-position: -41px 0px;
    }
    .rsABlock {
    min-width: 220px;
    }

 }
 @media screen and ( max-width: 420px){

    .wbox-slider {    
        height: 150px;
    }
    .rsArrowIcn {
        display: none;
    }

    .logobox {    
        transform: scale(1);
        transform-origin: center;
        height: 150px;
        width: 150px;
    }

    .logobox_verlauf {    
        height: 150px;
        width: 100%;

    }
     
}







.wbox-kurselement {
    background-color: #0070B0;
    padding: 10px;
    margin-bottom: 25px;
}

.wbox-kurselement-head {}

.wbox-kurselement-head h2 {
    color: #8CC2E2;
    margin-bottom: 5px;
}

.wbox-kurselement-info1 {
    color: #fff;
    font-weight: 700;
    line-height: 1.1em;
}

.wbox-kurselement-info2 {
    color: #8CC2E2;
    font-weight: 700;
}

.wbox-kurselement-toggle {
    width: 100%;
    background: #8CC2E2;
    margin-top: 15px;
    border: 0;
    text-align: left;
    color: white;
    font-size: 22px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 6px;
}

.wbox-kurselement-toggle:after {
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 32px;
}

.wbox-kurselement-toggle.activetoggle:after {
    content: '–';
    padding-bottom: 3px;
}

.wbox-kurselement-toggle:focus {
    outline: none;
}

.wbox-kurselement-detail {
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
}

.wbox-kurselement .wbox-button {
    padding-top: 10px;
}

.ccm-page main .wbox-button a.wbox-button-wrapper {
    color: white;
    background-color: transparent;
    text-transform: uppercase;
    margin: 0px;
    padding-left: 0;
}