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;
} */

.formidable {}

.formidable.processing {}

.formidable .hide {
    display: none;
}

.formidable [type="submit"] i {
    display: none;
}

.formidable.processing [type="submit"] i {
    display: inline-block;
}

.formidable .valid-feedback,
.formidable .invalid-feedback {
    display: block;
}

.formidable div[data-formidable-message] p {
    margin-bottom: 0;
}

.formidable div[data-formidable-message] p + p {
    margin-top: 10px;
}

.formidable div[data-formidable-countable] {
    position: relative;
}

.formidable div[data-formidable-countable] div[data-range] {
    position: absolute;
    font-size: 13px;
    color: #ccc;
    top: 9px;
    right: 9px;
}

.formidable div[data-formidable-countable] select[multiple="true"]+div[data-range] {
    right: 25px;
}

.formidable div[data-formidable-countable] select.is-invalid,
.formidable div[data-formidable-countable] select.is-valid {
    background-position: right calc(0.375em + 2.1875rem) top calc(9px);
}

.formidable div[data-formidable-countable] select[multiple="true"].is-invalid,
.formidable div[data-formidable-countable] select[multiple="true"].is-valid {
    background-position: right calc(0.375em + 2.7875rem) top calc(9px);
}



.formidable div[data-formidable-countable] select:not([multiple="true"])+div[data-range],
.formidable div[data-formidable-type="file"] div[data-formidable-countable] div[data-range] {
    display: none;
}

.formidable div[data-formidable-countable] .is-invalid,
.formidable div[data-formidable-countable] .is-valid {
    background-position: right calc(.375em + 2.5875rem) center;
    padding-right: calc(1.5em + 2.75rem);
}

.formidable div[data-formidable-type="address"] .col.address1,
.formidable div[data-formidable-type="address"] .col.address2 {

}

.formidable div[data-formidable-type="address"] .col.number,
.formidable div[data-formidable-type="address"] .col.number_suffix {
    flex: 0 0 auto;
    width: 20%;
}

.formidable div[data-formidable-type="address"] .break {
    margin-bottom: 15px;
}

.formidable div[data-formidable-type="date"] [type="date"].is-invalid,
.formidable div[data-formidable-type="date"] [type="date"].is-valid {
    background-position: right calc(.375em + 2.1875rem) center;
}
.formidable div[data-formidable-type="date"] [type="date"]:before {
    background-color: white !important;
}


.formidable div[data-formidable-type="file"] div[data-formidable-countable] .is-invalid,
.formidable div[data-formidable-type="file"] div[data-formidable-countable] .is-valid {
    background-position: right calc(0.375em + .1875rem) center;
}

.formidable div[data-formidable-type="file"] .add-file {
    float: right
}

.formidable div[data-formidable-type="range"] div.range {
    display:flex;
    flex-direction: row;
}
.formidable div[data-formidable-type="range"] div.range span[data-range-value] {
    padding: 6px 10px;
    height: 1.5rem;
    position: relative;
    margin-left: 10px;
}
.formidable div[data-formidable-type="range"] div.range span[data-range-value]:after {
    position: absolute;
    top: 5px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #373a3b;
    border-bottom: 7px solid transparent;
    content: '';
}


.formidable .option-other {
    display: none;
}
.formidable .option-other.enabled {
    display: block;
}

.formidable .formidable-dropzone .dropzone-box,
.formidable .formidable-dropzone .dropzone-box * {
    box-sizing: border-box
}

.formidable .formidable-dropzone .dropzone-box {
    border: 2px dashed #ccc;
    border-radius: 5px;
    padding: 20px 20px;
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable {
    cursor: pointer
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable * {
    cursor: default
}

.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message,
.formidable .formidable-dropzone .dropzone-box.dz-clickable .dz-message * {
    cursor: pointer
}

.formidable .formidable-dropzone .dropzone-box.dz-started .dz-message {
    display: none
}

.formidable .formidable-dropzone .dropzone-box.dz-drag-hover {
    border-style: solid
}

.formidable .formidable-dropzone .dropzone-box.dz-drag-hover .dz-message {
    opacity: .5
}

.formidable .formidable-dropzone .dropzone-box .dz-message {
    text-align: center;
    margin: 2em 0
}

.formidable .formidable-dropzone .dropzone-box .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}
.formidable .formidable-dropzone .dz-image-preview img {
    max-width: 50px;
}
.formidable .formidable-dropzone .dz-image-preview .dz-title span {
    font-size: 13px;
    margin-bottom: 5px;
}
.formidable .formidable-dropzone .dz-image-preview .dz-title span b,
.formidable .formidable-dropzone .dz-image-preview .dz-title span strong {
    font-weight: normal;
}
.formidable .formidable-dropzone .dz-progress .progress-bar {
    height: 10px;
}
.formidable .formidable-dropzone [data-dz-remove]:hover,
.formidable .formidable-dropzone [data-dz-remove]:hover i {
    cursor: pointer;
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px)
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0px)
    }
}
@keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}


.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;
}



