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}


div.ccm-block-switch-language-flags{display:inline-block}div.ccm-block-switch-language-flags-label{float:left;margin-right:8px}div.ccm-block-switch-language-flags a{float:left;margin:2px;opacity:.4}div.ccm-block-switch-language-flags a.ccm-block-switch-language-active-flag{opacity:1}


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 {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-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;
     -moz-transition: all .5s ease-in-out;
     -ms-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;
}
 .flexnav li a {
     position: relative;
     display: block;
     padding: 1.03em;
     z-index: 2;
    /*overflow: hidden;
    */
     color: #000000;
     background: #ffffff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
 .flexnav li a:hover {
    text-decoration: none;
}
 .flexnav li ul {
     width: 100%;
}
 .flexnav li ul li {
     font-size: 100%;
     position: relative;
     overflow: hidden;
}
.flexnav li ul li ul { padding-bottom: 30px; }
 .flexnav li ul.flexnav-show li {
     overflow: visible;
}
 .flexnav .touch-button {
     position: absolute;
     z-index: 999;
     top: 0;
     right: 0;
     width: 57px;
     height: 57px;
     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 {
     position: relative;
     top: 1.4em;
     font-size: 12px;
     color: #333333;
     font-style: normal;
}
 .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;
}
 @media all and (min-width: 768px) {
     body.one-page {
         padding-top: 70px;
    }
     .flexnav {
         overflow: visible;
    }
     .flexnav.opacity {
         opacity: 1;
    }
     .flexnav.one-page {
         top: 0;
         right: auto;
         max-width: 1080px;
    }
     .flexnav li {
         position: relative;
         list-style: none;
         float: left;
         display: block;
         background-color: #a6a6a2;
         overflow: visible;
         width: 20%;
    }
     .flexnav li a {
         border-left: 1px solid #acaca1;
         border-bottom: none;
    }
     .flexnav li > ul {
         position: absolute;
         top: auto;
         left: 0;
    }
     .flexnav li > ul li {
         width: 100%;
    }
     .flexnav li ul li > ul {
         margin-left: calc(100% - 40px);
         top: 0;
    }
     .flexnav li ul li a {
         border-bottom: none;
    }
     .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 {
         display: none;
    }
}
 @media all and (max-width:767px){
    /*Zweite Stufe*/
     .flexnav > li > ul > li > a {
         padding-left:calc(1.03em + 10px);
    }
     .flexnav > li > ul > li > ul > li > a {
         padding-left:calc(1.03em + 20px);
    }
}
/* Flexnav Fix for MS Edge and Windows Phone */
 @media screen (-ms-high-contrast: active) and (-ms-high-contrast: none) {
     .flexnav li a {
         overflow:hidden;
    }
}
 

/*-----------------------------------------------------------------------------------
	WBOX SLIDER
-----------------------------------------------------------------------------------*/

.wbox-slider {
    position: relative;
}

.wbox-headerbild .wbox-slider .rslides_nav {
    display: none;
}

.slider-img-oben {
    top: 0;
}

@media (max-width: 480px) {
    .slider-img-oben {
        width: 115% !important;
    }
}

@media (min-width: 1380px ) {
    .slider-img-oben {
        top: -50px;
    }
}


.slider-img-mitte {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-img-unten {
    bottom: 0;
}

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides a {
    width: 100%;
}

.rsslides li img[src*="Ueber_uns_Team"] { /*Anweisungen*/
}

/*	Slider Height -----------------------------------------------------------------------------------*/

@media (max-width: 480px) {
    .rslides li {
        height: 180px;
    }
}

@media (min-width: 421px) {
    .rslides li {
        height: 200px;
    }

}

@media (min-width: 768px) {
    .rslides li {
        height: 280px;
    }
}


@media (min-width: 992px) {
    .rslides li {
        height: 360px;
    }

}

@media (min-width: 1200px) {
    .rslides li {
        height: 440px;
    }
}


.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    position: absolute;
}

.rslides span {
    display: block;
}


/* responsive slides tabs */
.rslides_tabs {
    padding: 0;
    margin-top: 0;
    text-align: center;
}

.rslides_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px;
}

.rslides_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #ccc;
    background: rgba(0, 0, 0, .2);
    display: inline-block;
    _display: block;
    *display: block;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
    width: 7px;
    height: 7px;
}

.rslides_tabs .rslides_here a {
    background: #222;
    background: rgba(0, 0, 0, .8);
}

.rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    z-index: 99;
    opacity: 1;
    overflow: hidden;
    text-decoration: none;
    height: 90px;
    width: 42px;
    background: url("/application/themes/wbox_kreuz/img/arrows_wi.gif") no-repeat left /90px;
}


.rslides_nav.next {
    left: auto;
    background-position: right;
    right: 50px;
}

/* Slider Content */
.caption {
    position: absolute;
    display: block;
    background: transparent;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

.slider-content-holder {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

@media (min-width: 680px) {
    .slider-content-holder {
        width: 80%;
    }

    .slider-button {
        margin: 15px 0 0 -70px;
    }
}

@media (max-width: 679px) {
    .slider-content-holder {
        top: 0;
        width: 90%;
    }

    .slider-button {
        margin: 0 0 0 -70px;
    }

    .rslides_nav {
        display: none;
    }

}

.slider-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    font-family: 'Didot', serif;;
    text-align: center;
    font-weight: 400;
    color: #fff !important;
    line-height: 1em;
}

.slider-button {
    padding: 10px 15px;
    color: #fff;
    border: solid 3px #ffffff;
    width: 140px;
    position: absolute;
    left: 50%;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
    text-align: center;
}

.slider-button:hover {
    background: #ffffff;
    color: #2e3c65;
    text-decoration: none;
}


/*
body{
  margin:0;
  overflow-y: scroll; */ /* This is optional, but you need it for a full width gallery */
/*
}
*/
/*
.grid-clearfix{
   overflow: hidden !important;
}
*/

.whale-grid-gallery .box {
  display: none;
  /* override if it set by theme or other add-ons */
  margin: unset;
  padding: unset;
}
.whale-grid-gallery .thumbnail-caption > div > div .h-title,
.whale-grid-gallery .thumbnail-caption > div > div .h-description {
  margin: 0;
  padding: 0;
}
.whale-grid-gallery img {
  width: auto;
}

/* *************************************** CATEGORY NAVIGATION BAR *************************************** */

.category-navbar {
  font-size: 0px;
  list-style: none;
  margin: 0 0 10px 0 !important;
  padding: 7px 0 12px 0px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: white;
}

.category-navbar li:first-child {
  /*margin: 0 0 0 7px;*/
  margin: 0 0 0 0;
}

.category-navbar li {
  display: inline-block;
  line-height: 16px;
  margin: 0 0 0 0px;
  padding: 5px 0 5px 0;
}

.category-navbar li a {
  cursor: pointer;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  margin: 0 10px 10px 0;
  /*padding: 6px 10px;*/
  padding: 12px 20px;
  border-radius: 1px;
  moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}

.category-navbar li a:hover {
  text-decoration: none;
  background: #eee;
  color: #222;
}

.category-navbar li.select a {
  background: #666;
  color: #fff;
}

/* *************************************** CAPTION STYLE *************************************** */
.whale-grid-gallery .box {
  cursor: pointer;
  overflow: hidden;
}

.lightbox-text {
  display: none;
}

.thumbnail-caption {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #313131;
  background: rgba(0, 0, 0, 0.8); /*url(../../../../packages/whale_grid_gallery/css//img/bg-caption.png)*/
  color: #fff;

  display: none;
}

/* The style for centering the caption (vertically and horizontally) */
.thumbnail-caption > div {
  height: 100%;
  width: 100%;
  display: table !important;
}

.thumbnail-caption > div > div {
  padding: 15px;
  display: table-cell !important;
  vertical-align: middle; /* FOR VERTICAL ALIGN */
  text-align: center; /* FOR HORIZONTAL ALIGN */
}

/* *************************************** LOADING STYLE *************************************** */
.grid-loader {
  width: 43px;
  height: 20px;
  padding: 10px 15px 10px 15px;
  background: url(../../../../packages/whale_grid_gallery/css//img/loader.gif) no-repeat;
  background-position: center;
  margin: 20px auto;
}

.grid-loadMore {
  cursor: pointer;
  margin: 20px auto;
  width: 150px;
  /*height: 20px;*/
  text-align: center;
  color: white;
  background-color: black;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  /*font-family: sans-serif;*/
}

.grid-loadMore:hover {
  text-decoration: none;
  color: white;
  background: rgba(0, 0, 0, 0.8);
}
/* *************************************** LIGHT-BOX STYLE *************************************** */
.lightbox-timer {
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
}

.lb-loader {
  width: 43px;
  height: 11px;
  background: url(../../../../packages/whale_grid_gallery/css//img/loader.gif);

  margin: 20px auto;
}

.autoGrid-lightbox {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #313131;
  background: rgba(0, 0, 0, 0.85);

  text-align: center;

  /*shm*/
  z-index: 1000;
}

.autoGrid-lightbox img {
  margin-top: 5px;
  max-width: 100%;

  /*shm*/
  margin: 0 auto;
}

.autoGrid-nav {
  margin-top: -57px;
  height: 57px;
  width: 100%;
  background: #383838;
  background: #1d1d1d;

  border-bottom: 1px solid #323232;
}

.autoGrid-play,
.autoGrid-close,
.autoGrid-next,
.autoGrid-prev,
.autoGrid-font {
  width: 88px;
  height: 57px;
  position: relative;
  cursor: pointer;
}

.autoGrid-play:hover,
.autoGrid-close:hover,
.autoGrid-next:hover,
.autoGrid-prev:hover,
.autoGrid-font:hover {
  background: black;
}

.selected {
  background: black;
}

.selected .iconPlay {
  background-position: -164px -3px;
}

.autoGrid-lbcaption {
  float: left;
  color: white;
  height: 57px;
  font-size: 16px;
}

.autoGrid-lbcaption span {
  margin-left: 3px;
  color: #d7d7d7;
  font-size: 11px;
}

.autoGrid-lbcaption > div {
  height: 100%;
  width: 100%;
  display: table !important;
}

.autoGrid-lbcaption > div > div {
  padding: 0 15px 0 15px;
  display: table-cell !important;
  vertical-align: middle; /* FOR VERTICAL ALIGN */
  text-align: center; /* FOR HORIZONTAL ALIGN */
}

.autoGrid-play,
.autoGrid-close {
  float: right;
}

.autoGrid-next,
.autoGrid-prev {
  float: right;
}

.iconPlay,
.iconClose,
.iconNext,
.iconPrev,
.iconFont {
  position: absolute;

  top: 50%;
  left: 50%;

  height: 25px;
  display: block;
}

.iconClose {
  width: 25px;
  margin: -13px 0 0 -13px;

  background: url(../../../../packages/whale_grid_gallery/css//img/icons.png);
  background-position: -2px -3px;
}

.iconPlay {
  width: 17px;
  margin: -13px 0 0 -8px;
  background: url(../../../../packages/whale_grid_gallery/css//img/icons.png);

  background-position: -137px -3px;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.iconFont {
  width: 46px;
  margin: -13px 0 0 -23px;

  background: url(../../../../packages/whale_grid_gallery/css//img/icons.png);
  background-position: -85px -3px;
}

.iconNext,
.iconPrev {
  width: 15px;
  margin: -13px 0 0 -8px;
  background: url(../../../../packages/whale_grid_gallery/css//img/icons.png);
}

.iconPrev {
  background-position: -40px -3px;
}

.iconNext {
  background-position: -70px -3px;
}

/* *************************************** GRID STYLE *************************************** */

.whale-grid-gallery .centered {
  margin: auto;
}

.whale-grid-gallery .box {
  /*margin: 2px; 
  padding: 5px;*/
  /*font-size: 11px;*/
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.whale-grid-gallery .box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right;
  direction: rtl;
}

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

/**** Clearfix ****/
.grid-clearfix:before,
.grid-clearfix:after {
  content: '';
  display: table;
}
.grid-clearfix:after {
  clear: both;
}
.grid-clearfix {
  zoom: 1;
}

.whale-grid-gallery .centered {
  overflow: auto;
}

/**** Whale Extra ****/
.thumbnail-caption > div > div .h-title,
.thumbnail-caption > div > div .h-description {
  color: #fff;
}
.autoGrid-lbcaption > div > div .l-title,
.autoGrid-lbcaption > div > div .l-description {
  display: inline-block;
  padding-right: 10px;
  color: #fff;
}

/*Button*/
.whale-grid-gallery .box a.item-btn {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  transition: 200ms;
  border-style: solid;

  background-color: rgba(255, 255, 255, 0);
  color: white !important;
  border-width: 1px;
  border-color: white;
  border-radius: 0px;
  padding: 8px 20px;
}
.whale-grid-gallery .box a.item-btn:hover {
  background-color: rgba(255, 255, 255, 1);
  color: black !important;
  border-width: 1px;
  border-color: white;
  border-radius: 0px;
  padding: 8px 20px;
}
/*image bg color default*/
.whale-grid-gallery .box img {
  background-color: #eee;
}
/*alignment*/
.thumbnail-caption.tl > div > div {
  vertical-align: top;
  text-align: left;
}
.thumbnail-caption.tc > div > div {
  vertical-align: top;
  text-align: center;
}
.thumbnail-caption.tr > div > div {
  vertical-align: top;
  text-align: right;
}

.thumbnail-caption.ml > div > div {
  vertical-align: middle;
  text-align: left;
}
.thumbnail-caption.mc > div > div {
  vertical-align: middle;
  text-align: center;
}
.thumbnail-caption.mr > div > div {
  vertical-align: middle;
  text-align: right;
}

.thumbnail-caption.bl > div > div {
  vertical-align: bottom;
  text-align: left;
}
.thumbnail-caption.bc > div > div {
  vertical-align: bottom;
  text-align: center;
}
.thumbnail-caption.br > div > div {
  vertical-align: bottom;
  text-align: right;
}

/* bs alert info classes for edit mode */
.whale-ui.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.whale-ui.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.whale-ui.text-center {
  text-align: center;
}
.whale-ui .label.label-default a {
  color: #9ad7ff !important;
}


/* ------------------------------------------------------------------------------------

WICHTIGE Info:
CSS im Theme -> content.less / Block im Stapel übernimmt CSS nicht

Hier ebenfalls nochmals dasselbe CSS da der Teaser in Stapeln sonst nicht dargestellt wird.

------------------------------------------------------------------------------------  */


.wbox-teaserimage {
    margin-bottom: 15px;
    padding-bottom: 50px;
    position: relative;
    background-color:#cccccc;
    height: 280px;
    overflow: hidden;
}
.wbox-teaserimage a {
    display: block;
    width: 100%;
    height: 100%;
}
.wbox-teaserimage-img {
    height: 230px;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

@media (min-width:768px) and (max-width:1199px) {
    .wbox-teaserimage { height: 240px; }
    .wbox-teaserimage-img {
        height: 180px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .wbox-teaserimage { height: 200px; }
    .wbox-teaserimage-img {
        height: 140px;
    }
}

@media (min-width:550px) and (max-width: 649px) {
    .pre-footer .wbox-teaserimage { height: 200px; }
    .pre-footer .wbox-teaserimage-img { height: 140px; }
    
    .wbox-col-right .wbox-teaserimage { height: 200px; }
    .wbox-col-right .wbox-teaserimage-img { height: 140px; }
    .wbox-col-right .wbox-teaserimage-img img {position: absolute;top: 50%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%);}
}

@media (min-width:650px) and (max-width: 767px) {
    .pre-footer .wbox-teaserimage { height: 230px; }
    .pre-footer .wbox-teaserimage-img { height: 180px; }
    
    .wbox-col-right .wbox-teaserimage { height: 260px; }
    .wbox-col-right .wbox-teaserimage-img { height: 220px; }
    .wbox-col-right .wbox-teaserimage-img img {position: absolute;top: 50%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%);}    
}

@media (min-width:768px) and (max-width: 991px) {
    .wbox-col-right .wbox-teaserimage { height: 280px; }
    .wbox-col-right .wbox-teaserimage-img { height: 240px; }
    .wbox-col-right .wbox-teaserimage-img img {position: absolute;top: 50%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%);}
}

.wbox-teaserimage-img img{
    width: 100%;
    height: auto;
}
.wbox-teaserimage-contentwrap {
    position: absolute;
    width: 100%;
    bottom:0;
    height: 66px;
    padding:20px 15px 15px 15px;
    background-color:@kreuz-blau;
}
.wbox-teaserimage-content {
}
.wbox-teaserimage-linktext {
    text-align: right;
}
.wbox-teaserimage a .wbox-teaserimage-linktext {
    color:#968984;
}
.wbox-teaserimage-linktext:after {
    content:'»';
    padding-left: 8px;
}
/*Teaserhover Bild vergrössern wenn Link vorhanden*/
.wbox-teaserimage-img img {
    -webkit-transition: all 0.4s ease;
    transition:all 0.4s ease;
}
.wbox-teaserimage a:hover .wbox-teaserimage-img img {
    max-width: 110%;
}
.wbox-teaserimage a:hover .wbox-teaserimage-contentwrap {
    height:80px;
}