.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.content-start{align-content:start}.content-center{align-content:center}.content-end{align-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}[class*=grid_]{display:grid;grid-gap:1rem}[class*=grid_]>.block{margin-bottom:0}@media(min-width: 576px){.grid_mobile_100{grid-template-columns:1fr}.grid_mobile_50_50{grid-template-columns:repeat(2, 1fr)}.grid_mobile_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_mobile_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_mobile_75_25{grid-template-columns:3fr 1fr}.grid_mobile_25_75{grid-template-columns:1fr 3fr}.grid_mobile_66_33{grid-template-columns:2fr 1fr}.grid_mobile_33_66{grid-template-columns:1fr 2fr}.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}}@media(min-width: 768px){.grid_tablet_100{grid-template-columns:1fr}.grid_tablet_50_50{grid-template-columns:repeat(2, 1fr)}.grid_tablet_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_tablet_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_tablet_75_25{grid-template-columns:3fr 1fr}.grid_tablet_25_75{grid-template-columns:1fr 3fr}.grid_tablet_66_33{grid-template-columns:2fr 1fr}.grid_tablet_33_66{grid-template-columns:1fr 2fr}.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}}@media(min-width: 992px){.grid_desktop_100{grid-template-columns:1fr}.grid_desktop_50_50{grid-template-columns:repeat(2, 1fr)}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_desktop_75_25{grid-template-columns:3fr 1fr}.grid_desktop_25_75{grid-template-columns:1fr 3fr}.grid_desktop_66_33{grid-template-columns:2fr 1fr}.grid_desktop_33_66{grid-template-columns:1fr 2fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.grid_desktop_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.grid_desktop_20_20_20_20_20{grid-template-columns:repeat(5, 1fr)}}

.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ==============================================
Break points
============================================== */
/* 360px ========================*/
/*@media screen and (min-width: 22.5em) {}

/* 486px ========================*/
/*@media screen and (min-width: 30.375em) {}

/* 600px ========================*/
/*@media screen and (min-width: 37.5em) {}

/* 680px ========================*/
/*@media screen and (min-width: 42.5em) {}

/* 732px ========================*/
/*@media screen and (min-width: 45.75em) {}

/* 768px ========================*/
/*@media screen and (min-width: 48em) {}

/* 840px ========================*/
/*@media screen and (min-width: 52.50em) {}

/* 900px ========================*/
/*@media screen and (min-width: 56.25em) {}

/* 1020px ========================*/
/*@media screen and (min-width: 63.75em) {}

/* 1060px ========================*/
/*@media screen and (min-width: 66.25em) {}
	
/* 1152px ========================*/
/*@media screen and (min-width: 72em) {}
*/

/* ==============================================
Custom Properties
============================================== */
:root {
    /*Colors*/
    /* Home ========================*/
    --primary-color-vfi: #007adf;
    --secondary-color-vfi: #00559c;
    /* Verbandsarbeit (steno) ========================*/
    --primary-color-steno: #228b88;
    --secondary-color-steno: #2b6b67;
    /* Bildung (adult)========================*/
    --primary-color-adult: #005a8d;
    --secondary-color-adult: #00446a;
    /* Jugend (teens) ========================*/
    --primary-color-teens: #f7a13c;
    --secondary-color-teens: #dd7b07;
    /* Default ========================*/
    --body-color: #fff;
    --primary-color: #666;
    --secondary-color: #999;
    --buttoncolor: #555;
    --buttoncolor-hover: #333;
    --buttonfont-color: #fff;
    --buttonfont-color-hover: #fff;
    --linkcolor: #333;
    --linkcolor-hover: #000;
    --border: 1px solid var(--brightgrey);
    --border-radius: 0.25rem;
    --whitegrey: #f7f7f7;
    --lightgrey: #eee;
    --brightgrey: #ddd;
    --grey: #ccc;
    --mediumgrey: #999;
    --darkgrey: #666;
    /*Transparent backgrounds*/
    --bg-opacity-light25: rgba(255, 255, 255, 0.25);
    --bg-opacity-light50: rgba(255, 255, 255, 0.50);
    --bg-opacity-light75: rgba(255, 255, 255, 0.75);
    --bg-opacity-dark25: rgba(0, 0, 0, 0.25);
    --bg-opacity-dark50: rgba(0, 0, 0, 0.50);
    --bg-opacity-dark75: rgba(0, 0, 0, 0.75);
    --bg-opacity-primary-color25: rgba(186, 206, 175, 0.25);
    --bg-opacity-primary-color50: rgba(186, 206, 175, 0.5);
    --bg-opacity-primary-color75: rgba(186, 206, 175, 0.75);
    /*Shadow*/
    --box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.15);
    /*Fonts*/
    --fontcolor-default: #555;
    --fontcolor-light: #fafafa;
    --fontcolor-dark: #222;
    --fontcolor-primary: #333;
    --fontcolor-h: #333;
    --fontsize-base: 16px;
    --fontsize-xs: 0.875rem;
    --fontsize-s: 0.938rem;
    --fontsize-m: 1rem;
    --fontsize-l: 1.063rem;
    --fontsize-xl: 1.125rem;
    --fontsize-2xl: 1.25rem;
    --fontsize-3xl: 1.5rem;
    --fontsize-4xl: 1.75rem;
    --fontsize-5xl: 2rem;
    --fontsize-6xl: 2.5rem;
    --fontsize-7xl: 3rem;
    --fontsize-8xl: 3.5rem;
    --fontsize-h1: 1.875rem;
    --fontsize-h2: 1.5rem;
    --fontsize-h3: 1.375rem;
    --fontsize-h4: 1.25rem;
    --fontsize-h5: 1.063rem;
    --fontsize-h6: 1.063rem;
    /*Transitions*/
    --transition-short: all 0.5s ease;
    --transition-long: all 1s ease;
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    :root {
        --fontsize-base: 17px;
        --fontsize-h1: 2.5rem;
        --fontsize-h2: 2.25rem;
        --fontsize-h3: 1.75rem;
        --fontsize-h4: 1.5rem;
        --fontsize-h5: 1.25rem;
        --fontsize-h6: 1.125rem;
    }
}

/* ==============================================
Backgrounds
============================================== */
body .nocolor {
    background-color: transparent;
}
.brightgrey {
    background: var(--brightgrey);
}
.lightgrey {
    background: var(--grey);
}
.mediumgrey {
    background: var(--mediumgrey);
}
.darkgrey {
    background: var(--darkgrey);
}
.steno .pagecolor {
    background: var(--primary-color-steno);
}
.adult .pagecolor {
    background: var(--primary-color-adult);
}
.teens .pagecolor {
    background: var(--primary-color-teens);
}
.bg-opacity-light25 {
    background: var(--bg-opacity-light25);
}
.bg-opacity-light50 {
    background: var(--bg-opacity-light50);
}
.bg-opacity-light75 {
    background: var(--bg-opacity-light75);
}
.bg-opacity-dark25 {
    background: var(--bg-opacity-dark25);
}
.bg-opacity-dark50 {
    background: var(--bg-opacity-dark50);
}
.bg-opacity-dark75 {
    background: var(--bg-opacity-dark75);
}
.bg-opacity-primary-color25 {
    background: var(--bg-opacity-primary-color25);
}
.bg-opacity-primary-color50 {
    background: var(--bg-opacity-primary-color50);
}
.bg-opacity-primary-color75 {
    background: var(--bg-opacity-primary-color75);
}

*.pagecolor :is(h1, h2, h3, h4, h5, h6, p, li, a),
*.darkgrey :is(h1, h2, h3, h4, h5, h6, p, li, a),
*.fontcolor-light :is(h1, h2, h3, h4, h5, h6, p, li, a) {
    color: var(--fontcolor-light);
}

*.mediumgrey :is(h1, h2, h3, h4, h5, h6, p, li, a),
*.fontcolor-dark :is(h1, h2, h3, h4, h5, h6, p, li, a) {
    color: var(--fontcolor-dark);
}

.steno *.fontcolor-page :is(h1, h2, h3, h4, h5, h6, p, li, a) {
    color: var(--primary-color-steno);
}
.adult *.fontcolor-page :is(h1, h2, h3, h4, h5, h6, p, li, a) {
    color: var(--primary-color-adult);
}
.teens *.fontcolor-page :is(h1, h2, h3, h4, h5, h6, p, li, a) {
    color: var(--primary-color-teens);
}

/* ==============================================
Wide
============================================== */
*.maxwide {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

*.defaultwide {
    position: relative;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
    *.defaultwide {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ==============================================
Fonts
============================================== */
@font-face {
    font-display: swap;
    font-family: 'Exo';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/exo-regular.woff2') format('woff2');
}

/* exo-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Exo';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/theme/fonts/exo-italic.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Exo';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/theme/fonts/exo-700.woff2') format('woff2');
}

/* exo-700italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Exo';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/theme/fonts/exo-700italic.woff2') format('woff2');
}

/* ==============================================
Base
============================================== */
html,
body {
    margin: 0;
    padding: 0;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
}

*,
::before,
::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: var(--body-color);
    font-family: 'Exo', sans-serif;
    font-size: var(--fontsize-base);
    color: var(--fontcolor-default);
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bold;
}

svg:not(:root) {
    overflow: hidden;
}

.invisible,
.hidden,
[hidden] {
    display: none !important;
}

/* ==============================================
Contao
============================================== */
#header,
#container,
#main,
#left,
#right,
#footer,
.custom {
    position: relative;
}

.clear,
#clear {
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both;
}

body nav .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.content-text {
    overflow: hidden;
}

/* ==============================================
Typography
============================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
    color: var(--fontcolor-h);
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

h1 {
    font-size: var(--fontsize-h1);
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

h2 {
    font-size: var(--fontsize-h2);
}

h3 {
    font-size: var(--fontsize-h3);
}

h4 {
    font-size: var(--fontsize-h4);
}

h5 {
    font-size: var(--fontsize-h5);
}

h6 {
    font-size: var(--fontsize-h6);
}

ul {
    list-style: disc outside;
}

ol {
    list-style: decimal outside;
}

ol,
ul {
    padding: 0;
    margin: 0 0 1.25rem 2rem;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0.75rem 0 0.75rem 2rem;
}

li {
    margin-bottom: 0.75rem;
    line-height: 1.375;
}

p {
    margin: 0 0 1.25rem;
}

/* ==============================================
Links
============================================== */
a,
a:visited {
    background-color: transparent;
    color: var(--linkcolor);
    text-decoration: underline;
    transition: var(--transition-short);
}

a:hover,
a:focus,
a:active {
    color: var(--linkcolor-hover);
    text-decoration: none;
    outline: 0;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
    text-decoration: none;
    border-bottom: none;
    color: var(--fontcolor-default);
}

/* ==============================================
Margins + Paddings
============================================== */
*.mt-s {
    margin-top: 1rem;
}

*.mt-m {
    margin-top: 2rem;
}

*.mt-l {
    margin-top: 3rem;
}

*.mt-xl {
    margin-top: 4rem;
}

*.mt-xxl {
    margin-top: 6rem;
}

*.mb-s {
    margin-bottom: 1rem;
}

*.mb-m {
    margin-bottom: 2rem;
}

*.mb-l {
    margin-bottom: 3rem;
}

*.mb-xl {
    margin-bottom: 4rem;
}

*.mb-xxl {
    margin-bottom: 6rem;
}

*.pt-0 {
    padding-top: 0;
}

*.pt-s {
    padding-top: 1rem;
}

*.pt-m {
    padding-top: 2rem;
}

*.pt-l {
    padding-top: 3rem;
}

*.pt-xl {
    padding-top: 4rem;
}

*.pt-xxl {
    padding-top: 6rem;
}

*.pb-0 {
    padding-bottom: 0;
}

*.pb-s {
    padding-bottom: 1rem;
}

*.pb-m {
    padding-bottom: 2rem;
}

*.pb-l {
    padding-bottom: 3rem;
}

*.pb-xl {
    padding-bottom: 4rem;
}

*.pb-xxl {
    padding-bottom: 6rem;
}

/* ==============================================
Helper
============================================== */
*.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

*.right {
    text-align: right;
}

.display-desktop {
    display: none;
}

.display-mobil {
    display: block;
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .display-desktop {
        display: block;
    }

    .display-mobil {
        display: none;
    }
}

/* ==============================================
Margin Clickpress Grid
============================================== */
[class*="grid_"] {
    grid-row-gap: 0;
    grid-column-gap: 3.5rem;
}
/* ==============================================
Header
============================================== */
.startpage #header {
    border-top: 4px solid var(--primary-color-vfi);
}
.steno #header {
    border-top: 4px solid var(--primary-color-steno);
}
.adult #header {
    border-top: 4px solid var(--primary-color-adult);
}
.teens #header {
    border-top: 4px solid var(--primary-color-teens);
}

.mod_search.header-search {
    width: auto;
    max-width: 80rem;
    margin: 0;
    padding: 0;
}

.header-top {
    display: none;
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    background: #f1f1f1;
    padding: 0.25rem 1rem;
}

.teens .header-wrapper {
    padding: 1rem;
}

.logo {
    width: 11rem;
    padding: 0.5rem 0;
}

.nav-main {
    display: none;
    z-index: 10;
}

.mod_mobile_menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: calc(100% - 11rem);
}

.breadcrumb-wrapper {
    display: none;
}

/* 768px ========================*/
@media screen and (min-width: 48em) {
    #header {
        border-top: 0;
        padding: 0;
    }
    
    .mod_search.header-search {
        padding: 0;
    }

    .header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #ccc;
        padding: 0 1rem;
    }

    .header-wrapper,
    .teens .header-wrapper {
        padding: 0 0 0 1rem;
    }

    .nav-main {
        display: flex;
        justify-content: flex-end;
        width: calc(100% - 11rem);
    }

    .breadcrumb-wrapper {
        display: block;
        background: #f8f8f8;
    }
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .logo {
        width: 13rem;
    }
    .nav-main {
        width: calc(100% - 13rem);
    }
    .teens .logo {
        width: 15rem;
    }
    .teens .nav-main {
        width: calc(100% - 15rem);
    }
}

/* 1060px ========================*/
@media screen and (min-width: 66.25em) {
    
    .header-top {
        padding: 0 1rem 0 2rem;
    }
    
    .header-wrapper,
    .teens .header-wrapper {
        padding: 0 0 0 2rem;
    }
}

/* ==============================================
Main
============================================== */
#container {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.infobox {
    position: fixed;
    z-index: 2000;
    top: 8rem;
    right: 0;
    display: none;
    justify-content: space-between;
    width: 4rem;
    height: 4rem;
    transition: var(--transition-short);
}
.startpage .infobox {
    background: rgba(0, 122, 223, 0.85); 
}
.steno .infobox {
    background: rgba(34, 139, 136, 0.85); 
}
.adult .infobox {
    background: rgba(0, 90, 141, 0.85); 
}
.teens .infobox {
    background: rgba(247, 161, 60, 0.85); 
}
.infobox .infocontact {
    opacity: 0;
    padding: 1rem;
    transition: all 1.5s ease-in;
}
.infobox .infoicon {
    line-height: 1.25;
}
.infobox .infoicon span {
    font-size: var(--fontsize-7xl);
    color: var(--fontcolor-light);
}

.infobox .content-text {
    padding: 0;
}

.infobox p,
.infobox a,
.infobox a:visited,
.infobox a[href^="tel"]:link,
.infobox a[href^="tel"]:visited,
.infobox a[href^="tel"]:hover {
    color: var(--fontcolor-light);
    text-decoration: none;
    margin: 0;
}

.infobox:hover {
    width: 29rem;
    height: auto;
}

.infobox:hover .infocontact {
    opacity: 1;
}

.infobox a:hover {
    color: var(--fontcolor-light);
    text-decoration: underline;
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {
    .infobox {
        display: flex;
    }
}

/* 768px ========================*/
@media screen and (min-width: 48em) {
    .infobox {
        top: 17rem;
    }
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .infobox:hover {
        width: 30.5rem;
    }
}

/* ==============================================
Footer
============================================== */
.startpage #footer {
    background: var(--primary-color-vfi);
}
.steno #footer {
    background: var(--primary-color-steno);
}
.adult #footer {
    background: var(--primary-color-adult);
}
.teens #footer {
    background: var(--primary-color-teens);
}

#footer .inside {
    width: 100%;
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 1rem;
}

#footer .footer-columns {
    display: flex;
    flex-direction: column;
}

#footer .logo-partner {
    padding-top: 1.5rem;
}

#footer .contact {
    padding-top: 1.5rem;
}

#footer .contact p,
#footer .contact a,
#footer .contact a:visited,
#footer .contact a[href^="tel"]:link,
#footer .ontact a[href^="tel"]:visited,
#footer .contact a[href^="tel"]:hover {
    color: var(--fontcolor-light);
    text-decoration: none;
}

#footer .contact a:hover {
    color: var(--fontcolor-light);
    text-decoration: underline;
}

#footer .logo-partner a {
    display: block;
    margin-bottom: 1rem;
}

#footer .logo-partner img {
    margin: 0 auto;
}

#footer .top-link {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 100;
}

#footer .top-link a,
#footer .top-link a:visited {
    display: inline-block;
    font-size: 3rem;
    color: #bbb;
    text-decoration: none;
    padding: 0 0.125rem;
}

#footer .top-link a:hover {
    color: #222;
    text-decoration: none;
}

/* 486px ========================*/
@media screen and (min-width: 30.375em) {
    #footer .footer-columns {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    #footer .nav-footer {
        width: 47%;
        padding: 0 6% 0 0;
    }
    
    #footer .logo-partner {
        width: 47%;
        padding: 0;
    }
    
    #footer .contact {
        width: 100%;
    }
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
    #footer .inside {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    #footer .nav-footer {
        width: 30%;
        padding: 0 2.5% 0 0;
    }
    
    #footer .logo-partner {
        width: 30%;
        padding: 0 2.5% 0 0;
    }
    
    #footer .contact {
        width: 35%;
        padding: 0;
    }
}

/* 1152px ========================*/
@media screen and (min-width: 72em) {
    #footer .nav-footer {
        width: 30%;
        padding: 0 2% 0 0;
    }
    
    #footer .logo-partner {
        width: 28%;
        padding: 0 2% 0 0;
    }
    
    #footer .contact {
        width: 38%;
        padding: 0;
    }
}

/* ==============================================
Default settings all content elements
============================================== */
.content-gallery,
.content-text,
.content-headline,
.content-swiper,
.ce_form,
.content-list,
.content-table,
.content-accordion,
.content-hyperlink,
.content-image,
.content-player,
.content-youtube,
.content-download,
.content-description-list,
.ce-hr,
.mod_login,
.mod_newslist,
.mod_eventlist,
.mod_newsreader,
.mod_eventreader,
.mod_breadcrumb,
.mod_search,
.mod_registration,
.mod_lostPassword,
.ce-jobbox,
.ce-locationbox,
.ce-associationbox,
.ce-districtbox,
.ce-cooperation,
.ce-stuff,
.ce_hofff_recursive-download-folder,
.ce_cp_grid_start {
    position: relative;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ce_cp_grid_start [class*="ce_"],
.ce_cp_grid_start [class*="ce-"],
.ce_cp_grid_start [class*="content-"],
.ce_cp_grid_start [class*="mod_"],
.ce_form [class*="ce_"],
.ce_form [class*="ce-"],
.mod_newsreader [class*="content-"],
.mod_eventreader [class*="content-"] {
    padding-left: 0;
    padding-right: 0;
}

.startpage.selectboxes .main {
    position: relative;
    width: 100%;
    max-width: 130rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
    .content-gallery,
    .content-text,
    .content-headline,
    .ce_form,
    .content-list,
    .content-table,
    .content-accordion,
    .content-hyperlink,
    .content-image,
    .content-player,
    .content-youtube,
    .content-download,
    .content-description-list,
    .ce-hr,
    .mod_login,
    .mod_newslist,
    .mod_eventlist,
    .mod_newsreader,
    .mod_eventreader,
    .mod_breadcrumb,
    .mod_search,
    .mod_registration,
    .mod_lostPassword,
    .ce-jobbox,
    .ce-locationbox,
    .ce-associationbox,
    .ce-districtbox,
    .ce-cooperation,
    .ce-stuff,
    .ce_hofff_recursive-download-folder,
    .ce_cp_grid_start {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/* ==============================================
Accordion
============================================== */
#wrapper .content-accordion {
    margin-bottom: 2rem;
    border: 0;
}

.content-accordion .handorgel__header {
    margin: 0.25rem 0 0 0;
    font-size: var(--fontsize-m);
    color: var(--fontcolor-default);
    font-weight: 400;
}

.content-accordion .handorgel__header__button {
    position: relative;
    background: var(--brightgrey);
    border: 0;
    padding: 1.25rem;
    transition: var(--transition-short);
}

.content-accordion .handorgel__header__button::before {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-family: "fontello";
    font-size: var(--fontsize-large);
}

.content-accordion .handorgel__header__button[aria-expanded="false"]::before {
    content: "\e813";
}

.content-accordion .handorgel__header__button[aria-expanded="true"]::before {
    content: "\e815";
}

.content-accordion .handorgel__header__button:hover,
.content-accordion .handorgel__header__button[aria-expanded="true"] {
    background: var(--primary-color);
    color: var(--fontcolor-light);
}

.steno .content-accordion .handorgel__header__button:hover,
.steno .content-accordion .handorgel__header__button[aria-expanded="true"] {
    background: var(--primary-color-steno);
    color: var(--fontcolor-light);
}

.adult .content-accordion .handorgel__header__button:hover,
.adult .content-accordion .handorgel__header__button[aria-expanded="true"] {
    background: var(--primary-color-adult);
    color: var(--fontcolor-light);
}

.teens .content-accordion .handorgel__header__button:hover,
.teens .content-accordion .handorgel__header__button[aria-expanded="true"] {
    background: var(--primary-color-teens);
    color: var(--fontcolor-light);
}

.content-accordion .handorgel__content {
    background: var(--brightgrey);
    border: 0;
}

.content-accordion .handorgel__content__inner {
    margin-bottom: 1rem;
    padding: 1rem 0;
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .content-accordion .handorgel__header {
        font-size: var(--fontsize-xl);
    }
}

/* ==============================================
Downloads
============================================== */
.content-download {
    margin-bottom: 2rem;
}

.content-download.center {
    text-align: center;
}

.content-download.right {
    text-align: right;
}

.content-download a {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0.75rem 1.25rem;
    background: var(--body-color);
    border-bottom: 1px solid var(--mediumgrey);
    font-weight: 400;
    color: var(--fontcolor-default);
    text-decoration: none;
    white-space: nowrap;
}

.content-download a::before {
    font-family: "fontello";
    content: "\e823";
    margin-left: 0.375rem;
    padding-right: 0.625rem;
    transition: var(--transition-short);
}

.content-download a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
    z-index: -1;
    background: var(--primary-color);
    transition: var(--transition-short);
}

.steno .content-download a::after {
    background: var(--primary-color-steno);
}

.adult .content-download a::after {
    background: var(--primary-color-adult);
}

.teens .content-download a::after {
    background: var(--primary-color-teens);
}

.content-download a:hover,
.content-download a:focus,
.content-download a:active {
    color: var(--fontcolor-light);
    border-bottom: 1px solid var(--primary-color);
}

.content-download a:hover::before {
    margin-left: 0;
    padding-right: 1rem;
}

.content-download a:hover::after,
.content-download a:focus::after,
.content-download a:active::after {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

/* ==============================================
Hyperlinks
============================================== */
.content-hyperlink {
    margin-bottom: 2rem;
}

.content-hyperlink a {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: var(--buttoncolor);
    padding: 0.875rem 1.25rem;
    font-weight: 400;
    color: var(--buttonfont-color);
    text-decoration: none;
}

.steno .content-hyperlink a {
    background: var(--primary-color-steno);
}

.adult .content-hyperlink a {
    background: var(--primary-color-adult);
}

.teens .content-hyperlink a {
    background: var(--primary-color-teens);
}

.content-hyperlink a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
    z-index: -1;
    background: var(--buttoncolor-hover);
    -webkit-transition: var(--transition-short);
    transition: var(--transition-short);
}

.steno .content-hyperlink a::before {
    background: var(--secondary-color-steno);
}

.adult .content-hyperlink a::before {
    background: var(--secondary-color-adult);
}

.teens .content-hyperlink a::before {
    background: var(--secondary-color-teens);
}

.content-hyperlink a::after {
    font-family: "fontello";
    content: "\e856";
    margin-right: 0.375rem;
    padding-left: 0.625rem;
    -webkit-transition: var(--transition-short);
    transition: var(--transition-short);
}

.content-hyperlink a:hover,
.content-hyperlink a:focus,
.content-hyperlink a:active {
    color: var(--buttonfont-color-hover);
}

.content-hyperlink a:hover::after {
    margin-right: 0;
    padding-left: 1rem;
}

.content-hyperlink a:hover::before,
.content-hyperlink a:focus::before,
.content-hyperlink a:active::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* ==============================================
Video
============================================== */
.content-player {
    margin-bottom: 2rem;
}

.content-player video {
    width: 100%;
    height: auto;
}

.content-player figure {
    display: block;
}

.content-youtube {
    margin-bottom: 1.5rem;
}

.content-youtube figure {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.content-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
    /*.content-youtube iframe {
        width: calc(80rem - 4rem);
    }*/
}

/* ==============================================
Slider
============================================== */
.content-swiper {
    max-width: 76rem;
    background: var(--whitegrey);
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.content-swiper .swiper-horizontal {
    padding-bottom: 1rem;
}

.content-swiper .content-text {
    width: auto;
    padding-left: 3rem;
    padding-right: 3rem;
}

.content-swiper h1,
.content-swiper h2,
.content-swiper h3,
.content-swiper h4,
.content-swiper h5,
.content-swiper h6 {
    margin-top: 0;
}

.content-swiper .swiper-button-next,
.content-swiper .swiper-button-prev {
    background: none;
    border: 0;
    color: var(--fontcolor-default);
}

.content-swiper .swiper-button-next {
    right: 0;
}

.content-swiper .swiper-button-prev {
    left: 0;
}

.content-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -6px;
}

.content-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.content-swiper .swiper-pagination-bullet-active {
    background: var(--fontcolor-dark);
}

.content-swiper  .ce-jobbox,
.content-swiper  .ce-locationbox,
.content-swiper .ce-associationbox,
.content-swiper .ce-districtbox,
.content-swiper .ce-stuff {
    margin: 0;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.content-swiper  .ce-jobbox .ce-jobbox--inside,
.content-swiper  .ce-locationbox .ce-locationbox--inside,
.content-swiper .ce-associationbox .ce-associationbox--inside,
.content-swiper .ce-districtbox .ce-districtbox--inside,
.content-swiper .ce-stuff .ce-stuff--inside {
    padding: 0 3rem;
}

/* ==============================================
Tables (frame + striped)
============================================== */
.content-table {
    width: 100%;
    /*overflow-x: auto;
    */
}

.content-table::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.content-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border-bottom: 3px solid #ccc;
    margin: 1rem 0 2rem 0;
    text-align: left;
}

table td,
table th {
    padding: 0.5rem;
    text-align: left;
}

table td,
table th {
    padding: 0.5rem;
    text-align: left;
    border-top: solid 1px #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

table td.col_last {
    border-right: none;
}

table tbody tr:nth-child(even) {
    background-color: #fcfcfc;
}

p.table-info {
    margin: 0;
    font-size: 0.875rem;
    display: none;
}

/* ==============================================
Tables (frameless + no striped)
============================================== */
.content-table.table-frameless table,
table.table-frameless {
    width: auto;
    border: 0;
}

.content-table.table-frameless table td,
.content-table.table-frameless table th,
table.table-frameless td,
table.table-frameless th {
    border: 0;
    padding: 0.125rem 0.5rem;
}

.content-table.table-frameless table tr:nth-child(even),
table.table-frameless tr:nth-child(even) {
    background-color: transparent;
}

/* ==============================================
Page Image
============================================== */
.mod_pageimage .image_container {
    display: block;
}

.mod_pageimage .image_container img {
    width: 100%;
    object-fit: cover;
}

/* ==============================================
Search Output
============================================== */
.mod_search p.header {
    background: var(--lightgrey);
    padding: 1rem;
}

.mod_search .search_default {
    padding: 1rem;
}

.mod_search .search_default:nth-child(even) {
    background: var(--whitegrey);
}

.mod_search .search_default h3 {
    margin-top: 0;
}

.mod_search .search_default p.url {
    margin-bottom: 0;
}

/* ==============================================
Recursive download folder
============================================== */
.download-folder ul {
    list-style-type: none;
}

.download-folder ul ul {
    margin: 0.25rem 0 0.25rem 2.125rem;
}

.download-folder .folder > a,
.download-folder .folder-empty > span {
    font-weight: 700;
    color: var(--linkcolor);
    text-decoration: none;
}

.download-folder .folder > a::before,
.download-folder .folder-empty > span::before {
    font-family: "fontello";
    content: "\e831";
    padding-right: 0.625rem;
    transition: all 0.5s ease;
}

.download-folder .folder-open > a::before {
    font-family: "fontello";
    content: "\e832";
    padding-right: 0.625rem;
    transition: all 0.5s ease;
}

.download-folder .folder-empty > span {
    opacity: 1;
}

/*.download-folder .folder-empty > span::before {
    font-family: "fontello";
    content: "\e82c";
    padding-right: 0.625rem;
    transition: all 0.5s ease;
}*/

/* ==============================================
Cookiebar
============================================== */
.contao-cookiebar .highlight .cc-btn.success {
    background: var(--primary-color-vfi);
    border-color: var(--primary-color-vfi);
    color: #fff;
}

.contao-cookiebar .highlight .cc-btn.success:hover {
    background: var(--secondary-color-vfi);
    border-color: var(--secondary-color-vfi);
}
/* ==============================================
Startpage Selectionbox
============================================== */
.selection {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
    width: 100%;
    max-width: 130rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.selectionbox {
    z-index: 10;
	width: 100%;
	margin: 0 0 1.5rem 0;
	padding: 2rem;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	-webkit-transition: var(--transition-long);
    transition: var(--transition-long);
}

.selectionbox:hover {
    z-index: 20;
    transform: scale(1.05);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.selectionbox .selectionbox-link {
    display: inline-block;
    width: 80%;
    margin: 0;
    padding: 1.25rem 0;
    text-decoration: none;
    color: #fff;
    font-size: var(--fontsize-m);
    font-weight: 700;
    white-space: nowrap;
    -webkit-transition: var(--transition-long);
    transition: var(--transition-long);
}
.selectionbox .selectionbox-link:hover {
	color: #fff;
	padding: 1.25rem 0;
	width: 100%;
}
.selectionbox:nth-child(1) .selectionbox-link {
    background: var(--primary-color-steno);
}
.selectionbox:nth-child(2) .selectionbox-link {
    background: var(--primary-color-adult);
}
.selectionbox:nth-child(3) .selectionbox-link {
    background: var(--primary-color-teens);
}
.selectionbox:nth-child(1) .selectionbox-link:hover {
    background: var(--secondary-color-steno);
}
.selectionbox:nth-child(2) .selectionbox-link:hover {
    background: var(--secondary-color-adult);
}
.selectionbox:nth-child(3) .selectionbox-link:hover {
    background: var(--secondary-color-teens);
}

.selectionbox-link:after {
    font-family: "fontello";
    content: "\e856";
    margin-left: 10px;
}

.selectionbox-content {
	background: rgba(255, 255, 255, 0.75);
	margin-top: 2rem;
	padding: 0.5rem;
	color: #111;
}

.selectionbox h3 {
    font-size: var(--fontsize-xl);
	margin-bottom: 1rem;
}

.selectionbox p {
    font-size: var(--fontsize-s);
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
	.selection {
		flex-direction: row;
		margin-top: 2rem;
	}
	
	.selectionbox {
		width: 33%;
		margin: 0;
		padding: 8rem 0.5rem;
	}
	
	.selectionbox-content {
		margin-top: 3rem;
		padding: 0.75rem;
	}
	
	.selectboxes h1 {
        z-index: 30;
		position: absolute;
		top: 2rem;
		width: 100%;
        max-width: 100%;
		margin: 0;
		padding: 1rem 0;
		text-align: center;
		background: rgba(255, 255, 255, 0.75);
	}
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {
    .selectionbox h3 {
        font-size: var(--fontsize-3xl);
    }
    
    .selectionbox p {
        font-size: var(--fontsize-m);
    }
}

/* 1060px ========================*/
@media screen and (min-width: 66.25em) {
    .selectionbox {
		padding: 10rem 1rem;
	}
}

/* 1300px ========================*/
@media screen and (min-width: 81.25em) {
    .selectionbox {
		padding: 10rem 3rem;
	}
	
	.selectionbox-content {
		padding: 1rem 1.5rem;
	}
}

/* ==============================================
Stuff
============================================== */
.ce-stuff {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-stuff .ce-stuff--img {
    display: flex;
    justify-content: center;
}

.ce-stuff  .ce-stuff--content {
    padding: 1.25rem 1rem;
}

.ce-stuff h3 {
    font-size: var(--fontsize-xl);
    border-bottom: var(--border);
    margin-top: 0;
    padding-bottom: 0.25rem;
    word-wrap: break-word;
}

.ce-stuff p {
    margin-bottom: 0.25rem;
    word-wrap: break-word;
}

.ce-stuff .stuffphone {
    margin-top: 0.75rem;
}

.ce-stuff .mailbutton a {
    display: inline-block;
    background: var(--body-color);
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
}

.ce-stuff .mailbutton a:hover {
    background: var(--grey);
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .ce-stuff  .ce-stuff--inside {
        display: flex;
        height: 100%;
    }
    
    .ce-stuff  .ce-stuff--img {
        align-items: center;
        width: 15rem;
        padding: 0;
    }
    
    .ce-stuff  .ce-stuff--content {
        width: calc(100% - 15rem);
    }
}

/* ==============================================
Districts
============================================== */
.ce-districtbox {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-districtbox .ce-districtbox--inside {
    padding: 1.25rem 1rem 0.5rem 1rem;
}

.ce-districtbox h3 {
    font-size: var(--fontsize-xl);
    margin-top: 0;
}

.ce-districtbox .districtphone {
    margin-bottom: 0.25rem;
}

.ce-districtbox .mailbutton a {
    display: inline-block;
    background: var(--body-color);
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
}

.ce-districtbox .mailbutton a:hover {
    background: var(--grey);
}

/* ==============================================
Cooperation partner
============================================== */
.ce-cooperation {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-cooperation .ce-cooperation--inside {
    padding: 1.25rem 1rem 0.5rem 1rem;
}

.ce-cooperation h3 {
    font-size: var(--fontsize-xl);
    margin-top: 0;
}

.ce-cooperation .cooperationphone,
.ce-cooperation .cooperationweb {
    margin-bottom: 0.25rem;
}

.ce-cooperation .mailbutton a {
    display: inline-block;
    background: var(--body-color);
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
}

.ce-cooperation .mailbutton a:hover {
    background: var(--grey);
}

/* ==============================================
Association
============================================== */
.ce-associationbox {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-associationbox .ce-associationbox--inside {
    padding: 1.25rem 1rem 0.5rem 1rem;
}

.ce-associationbox h3 {
    font-size: var(--fontsize-xl);
    margin-top: 0;
}

.ce-associationbox .associationphone,
.ce-associationbox .associationweb {
    margin-bottom: 0.25rem;
}

.ce-associationbox .mailbutton a {
    display: inline-block;
    background: var(--body-color);
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
}

.ce-associationbox .mailbutton a:hover {
    background: var(--grey);
}

/* ==============================================
Location
============================================== */
.ce-locationbox {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-locationbox .ce-locationbox--inside {
    padding: 1.25rem 1rem 0.5rem 1rem;
}

.ce-locationbox h6 {
    margin-top: 0;
}

/* ==============================================
Jobs (without image)
============================================== */
.ce-jobbox {
    margin-bottom: 2rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.ce-jobbox .ce-jobbox--inside {
    padding: 1.25rem 1rem 0.5rem 1rem;
}

.ce-jobbox h6 {
    margin-top: 0;
}

.ce-jobbox .jobadress {
    margin-bottom: 1rem;
}

.ce-jobbox .jobdescription {
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

/* ==============================================
Jobs (with image)
============================================== */
.ce-jobbox .jobimg {
    text-align: center;
    padding-bottom: 1rem;
}

.ce-jobbox .jobheader {
    font-weight: bold;
}

/* ==============================================
Text/Image
============================================== */
.ce-textimage-box {
    margin-bottom: 2rem;
}

.ce-textimage-box--text {
    width: 100%;
}

.ce-textimage-box--text--inside {
    max-width: 40rem;
    padding: 0.125rem 1.5rem;
}

.ce-textimage-box--img {
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
}

.ce-textimage-box--img.imgleft {
    background-position: left center;
}

.ce-textimage-box--img.imgcenter {
    background-position: center center;
}

.ce-textimage-box--img.imgright {
    background-position: right center;
}

.ce-textimage-box .content-hyperlink {
    padding: 0;
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {
    .ce-textimage-box {
        display: flex;
    }

    .ce-textimage-box.textimg {
        flex-direction: row;
    }

    .ce-textimage-box.imgtext {
        flex-direction: row-reverse;
    }

    .ce-textimage-box--text {
        width: 70%;
    }

    .ce-textimage-box--text {
        display: flex;
        width: 70%;
    }

    .ce-textimage-box.textimg .ce-textimage-box--text {
        justify-content: flex-end;
    }

    .ce-textimage-box.imgtext .ce-textimage-box--text {
        justify-content: flex-start;
    }

    .ce-textimage-box--img {
        display: block;
        width: 30%;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .ce-textimage-box--text,
    .ce-textimage-box--img {
        width: 50%;
    }

    .ce-textimage-box--text--inside {
        padding: 0.125rem 2rem;
    }
}

/* ==============================================
Icon List
============================================== */
.ce-iconlist {
    list-style: none;
}

.ce-iconlist.listspacing-m li {
    margin-bottom: 0.75rem;
}

.ce-iconlist.listspacing-l li {
    margin-bottom: 1.5rem;
}

.ce-iconlist.listspacing-xl li {
    margin-bottom: 2rem;
}

.ce-iconlist li:before {
    padding-right: 0.5rem;
}

/* ==============================================
Hyperlink Extra
============================================== */
.content-hyperlink-extra {
    margin-bottom: 2rem;
}

.content-hyperlink-extra a.buttonfull {
    display: flex;
    justify-content: space-between;
}

.content-hyperlink-extra a.buttonnormal {
    display: inline-block;
}

.content-hyperlink-extra a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
}

.content-hyperlink-extra.button-s a {
    padding: 0.875rem 1.25rem;
}

.content-hyperlink-extra.button-m a {
    padding: 1.125rem 1.5rem;
    font-size: var(--fontsize-xl);
}

.content-hyperlink-extra.button-l a {
    padding: 1.375rem 2rem;
    font-size: var(--fontsize-4xl);
}

.content-hyperlink-extra a.nocolor {
    background: var(--whitegrey);
    color: var(--fontcolor-dark);
}

.content-hyperlink-extra a.lightgrey {
    background: var(--grey);
    color: var(--fontcolor-dark);
}

.content-hyperlink-extra a.mediumgrey {
    background: var(--mediumgrey);
    color: var(--fontcolor-dark);
}

.content-hyperlink-extra a.darkgrey {
    background: var(--darkgrey);
    color: var(--fontcolor-light);
}

.steno .content-hyperlink-extra a.pagecolor {
    background: var(--primary-color-steno);
    color: var(--fontcolor-light);
}

.adult .content-hyperlink-extra a.pagecolor {
    background: var(--primary-color-adult);
    color: var(--fontcolor-light);
}

.steno .content-hyperlink-extra a.teens {
    background: var(--primary-color-teens);
    color: var(--fontcolor-light);
}

.content-hyperlink-extra span {
    margin-right: 0.375rem;
    padding-left: 0.625rem;
    transition: var(--transition-short);
}

.content-hyperlink-extra a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
    z-index: -1;
    transition: var(--transition-short);
}

.steno .content-hyperlink-extra a::before {
    background: var(--secondary-color-steno);
}

.adult .content-hyperlink-extra a::before {
    background: var(--secondary-color-adult);
}

.teens .content-hyperlink-extra a::before {
    background: var(--secondary-color-teens);
}

.content-hyperlink-extra a:hover,
.content-hyperlink-extra a:focus,
.content-hyperlink-extra a:active {
    color: var(--fontcolor-light);
}

.content-hyperlink-extra a:hover span {
    margin-right: 0;
    padding-left: 1rem;
}

.content-hyperlink-extra a:hover::before,
.content-hyperlink-extra a:focus::before,
.content-hyperlink-extra a:active::before {
    transform: scale(1, 1);
}

/* ==============================================
Infobox
============================================== */
.ce-infobox {
    position: relative;
    margin-bottom: 2rem;
    padding: 0.375rem 0;
}

.ce-infobox.brightgrey {
    border-left: 8px solid var(--primary-color);
}

.ce-infobox.mediumgrey,
.ce-infobox.darkgrey {
    border-left: 8px solid var(--grey);
}

.ce-infobox.pagecolor {
    border-left: 8px solid var(--darkgrey);
}

.ce-infobox:before {
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    font-family: "fontello";
    content: "\e817";
    font-size: 2.5rem;
}

.ce-infobox.darkgrey:before,
.ce-infobox.pagecolor:before {
    color: var(--fontcolor-light);
}

.ce-infobox--content {
    padding-left: 4.5rem;
}

.ce-infobox .content-hyperlink {
    padding: 0;
}

/* 732px========================*/
@media screen and (min-width: 45.75em) {
    .ce-infobox:before {
        font-size: 3rem;
    }

    .ce-infobox--content {
        padding-left: 5rem;
    }
}

/* ==============================================
Heroimage
============================================== */
.ce-heroimage {
    position: relative;
    height: 15.625rem;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ce-heroimage.imgposition-top {
    background-position: top center;
}

.ce-heroimage.imgposition-center {
    background-position: center center;
}

.ce-heroimage.imgposition-bottom {
    background-position: bottom center;
}

.ce-heroimage .ce-heroimage--content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    position: absolute;
}

.ce-heroimage.textleft .ce-heroimage--content {
    left: 1.5rem;
}

.ce-heroimage.textright .ce-heroimage--content {
    right: 1.5rem;
}

.ce-heroimage h1 {
    display: none;
}

.ce-heroimage h2 {
    display: none;
}

.ce-heroimage h1,
.ce-heroimage h2 {
    line-height: 2;
    margin: 0 0 0.5rem 0;
    padding: 0 1rem;
    border: 0;
    background: rgba(255, 255, 255, 0.3);
}

/* 486px ======================== */
@media screen and (min-width: 30.375em) {
    .ce-heroimage h1 {
        display: block;
        font-size: var(--fontsize-xl);
    }

    .ce-heroimage h2 {
        display: block;
        font-size: var(--fontsize-m);
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {
    .ce-heroimage {
        height: 31.25rem;
    }

    .ce-heroimage.textright .ce-heroimage--content {
        right: 3rem;
    }

    .ce-heroimage.textleft .ce-heroimage--content {
        left: 3rem;
    }

    .ce-heroimage h1 {
        font-size: 2rem;
    }

    .ce-heroimage h2 {
        font-size: 1.75rem;
    }
}

/* ==============================================
Divider
============================================== */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    clear: both;
    border-width: 0;
}

hr.hrsmall {
    border-top: 1px solid;
}

hr.hrbold {
    border-top: 5px solid;
}

hr.lightgrey {
    border-color: var(--grey);
}

hr.mediumgrey {
    border-color: var(--mediumgrey);
}

hr.darkgrey {
    border-color: var(--darkgrey);
}

.steno hr.pagecolor {
    color: var(--primary-color-steno);
}

.adult hr.pagecolor {
    color: var(--primary-color-adult);
}

.teens hr.pagecolor {
    color: var(--primary-color-teens);
}
/* ==============================================
Navi Top
============================================== */
.nav-top ul {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    list-style: none;
}

.nav-top ul li {
    margin: 0 0 0 1.75rem;
    padding: 0;
    width: auto;
}

#header .nav-top ul li.selectboxes a::before,
#header .nav-top ul li.selectboxes strong::before {
    font-family: "fontello";
    content: "\e818";
    margin-right: 4px;
}

.nav-top a,
.nav-top strong {
    display: block;
    position: relative;
    width: 100%;
    font-size: var(--fontsize-xs);
    font-weight: 400;
    color: #666;
    margin: 0;
    padding: 0 0 0.25rem 0;
    text-decoration: none;
}

.nav-top a,
.nav-top a:after {
    -webkit-transition: var(--transition-short);
    transition: var(--transition-short);
}

#header .nav-top a::after,
#header .nav-top strong::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    height: 3px;
}
#header .nav-top li:nth-child(1) a::after,
#header .nav-top li:nth-child(1) strong::after {
   background: var(--primary-color-vfi);
}
#header .nav-top li:nth-child(2) a::after,
#header .nav-top li:nth-child(2) strong::after {
    background: var(--primary-color-steno);
}
#header .nav-top li:nth-child(3) a::after,
#header .nav-top li:nth-child(3) strong::after {
    background: var(--primary-color-adult);
}
#header .nav-top li:nth-child(4) a::after,
#header .nav-top li:nth-child(4) strong::after {
    background: var(--primary-color-teens);
}

#header .nav-top a:hover::after,
#header .nav-top strong::after,
#header .nav-top a.trail::after {
    width: 100%;
}

.nav-top li a:hover,
.nav-top strong,
.nav-top a.trail {
    color: #444;
    text-decoration: none;
}

.mobile_menu .nav-top {
    display: block;
}

.mobile_menu .nav-top ul {
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.mobile_menu .nav-top ul li {
    margin: 0;
}

.mobile_menu .nav-top a,
.mobile_menu .nav-top strong {
    font-size: var(--fontsize-m);
    padding: 0.75rem 0.5rem;
    color: #666;
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
}

.mobile_menu .nav-top li:nth-child(1) a {
    border-left: 10px solid var(--primary-color-vfi);
}
.mobile_menu .nav-top li:nth-child(2) a {
    border-left: 10px solid var(--primary-color-steno);
}
.mobile_menu .nav-top li:nth-child(3) a {
    border-left: 10px solid var(--primary-color-adult);
}
.mobile_menu .nav-top li:nth-child(4) a {
    border-left: 10px solid var(--primary-color-teens);
}

.mobile_menu .nav-top li a:hover,
.mobile_menu .nav-top strong,
.mobile_menu .nav-top a.trail {
    color: #fff;
    text-decoration: none;
}

.mobile_menu .nav-top li:nth-child(1) a:hover,
.mobile_menu .nav-top li:nth-child(1) strong,
.mobile_menu .nav-top li:nth-child(1) a.trail {
    background: var(--primary-color-vfi);
}

.mobile_menu .nav-top li:nth-child(2) a:hover,
.mobile_menu .nav-top li:nth-child(2) strong,
.mobile_menu .nav-top li:nth-child(2) a.trail {
    background: var(--primary-color-steno);
}

.mobile_menu .nav-top li:nth-child(3) a:hover,
.mobile_menu .nav-top li:nth-child(3) strong,
.mobile_menu .nav-top li:nth-child(3) a.trail {
    background: var(--primary-color-adult);
}

.mobile_menu .nav-top li:nth-child(4) a:hover,
.mobile_menu .nav-top li:nth-child(4) strong,
.mobile_menu .nav-top li:nth-child(4) a.trail {
    background: var(--primary-color-teens);
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .nav-top ul li {
        margin: 0 0 0 2rem;
    }

    .nav-top a,
    .nav-top strong {
        font-size: var(--fontsize-s);
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {
    .nav-top a,
    .nav-top strong {
        font-size: var(--fontsize-m);
    }
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .nav-top a,
    .nav-top strong {
        font-size: var(--fontsize-l);
    }
}

/* ==============================================
Navi Main
============================================== */
.nav-main ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.nav-main ul li {
    position: relative;
    margin: 0;
    padding: 0;
    border-left: 1px solid #ccc;
}

.nav-main a,
.nav-main strong {
    display: block;
    position: relative;
    padding: 0 0.25rem;
    color: #fff;
    font-size: var(--fontsize-xs);
    font-weight: 400;
    line-height: 5.5rem;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: var(--transition-long);
    transition: var(--transition-long);
}

.steno .nav-main a,
.steno .nav-main strong {
    background: var(--primary-color-steno);
}

.steno .nav-main a:hover,
.steno .nav-main strong,
.steno .nav-main a.trail {
    background: var(--secondary-color-steno);
}

.adult .nav-main a,
.adult .nav-main strong {
    background: var(--primary-color-adult);
}

.adult .nav-main a:hover,
.adult .nav-main strong,
.adult .nav-main a.trail {
    background: var(--secondary-color-adult);
}

.teens .nav-main a,
.teens .nav-main strong {
    background: var(--primary-color-teens);
}

.teens .nav-main a:hover,
.teens .nav-main strong,
.teens .nav-main a.trail {
    background: var(--secondary-color-teens);
}

.nav-main ul ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
}

.nav-main ul li:hover > ul {
    display: block;
}

.nav-main ul ul li {
    width: 14rem;
    margin: 0;
    display: list-item;
    position: relative;
    border-left: 0;
    border-bottom: 1px solid #ccc;
}

.nav-main ul ul li a,
.nav-main ul ul li strong {
    line-height: 3.25rem;
}

.nav-main ul ul ul {
    position: absolute;
    top: 0;
    right: 14rem;
}

.nav-main ul ul ul li {
    border-right: 1px solid #ccc;
}

.nav-main a.submenu::after,
.nav-main strong.submenu::after {
    content: ' +';
}

.nav-main .navi-hidden,
.nav-mobil .navi-hidden {
    display: none;
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .nav-main a,
    .nav-main strong {
        font-size: var(--fontsize-s);
        line-height: 6.5rem;
        padding: 0 0.5rem;
    }

    .nav-main ul ul li {
        width: 16rem;
    }

    .nav-main ul ul ul {
        right: 16rem;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {
    .nav-main a,
    .nav-main strong {
        font-size: var(--fontsize-m);
    }

    .nav-main ul ul li {
        width: 17rem;
    }

    .nav-main ul ul ul {
        right: 17rem;
    }
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .nav-main a,
    .nav-main strong {
        font-size: var(--fontsize-l);
        padding: 0 0.5rem;
    }

    .nav-main ul ul li {
        width: 18rem;
    }

    .nav-main ul ul ul {
        right: 18rem;
    }
}

/* ==============================================
Navi Footer
============================================== */
.nav-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-footer li {
    margin: 0;
}

.nav-footer a,
.nav-footer strong {
    display: block;
    font-size: var(--fontsize-m);
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 0 2px 0;
    padding: 0.75rem 1rem;
}

.nav-footer a:hover,
.nav-footer strong {
    text-decoration: none;
    color: #444;
    background: rgba(255, 255, 255, 0.6);
}

/* ==============================================
Navi Mobil
============================================== */
/* Mobile Menu Hamburger ========================*/
.hamburg {
    display: block;
    width: 55px;
    height: 50px;
    position: relative;
    margin: 0;
    cursor: pointer;
    z-index: 300;
}

.line {
    position: absolute;
    left: 10px;
    height: 4px;
    width: 35px;
    background: #555;
    border-radius: 2px;
    display: block;
    -webkit-transition: var(--transition-long);
    transition: var(--transition-long);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.line:nth-child(1) {
    top: 11px;
}
.line:nth-child(2) {
    top: 23px;
}
.line:nth-child(3) {
    top: 35px;
}

.mobile_menu_trigger.active .hamburg .line:nth-child(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
}

.mobile_menu_trigger.active .hamburg .line:nth-child(2) {
    opacity: 0;
}

.mobile_menu_trigger.active .hamburg .line:nth-child(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
}

.mobile_menu_trigger.active .hamburg .line:nth-child(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
}

.mobile_menu_trigger.active .hamburg .line:nth-child(2) {
    opacity: 0;
}

.mobile_menu_trigger.active .hamburg .line:nth-child(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
}

/* Mobile Menu Content ========================*/
.mobile_menu {
    z-index: 200;
    height: 100% !important;
}

.mobile_menu .inner {
    background: #fff;
    padding: 0.5rem;
}

.mobile_menu .nav-content {
    margin-top: 2rem;
}

.mobile_menu h3 {
    margin-top: 0;
}

/* Mobile Menu Navigation ========================*/
.nav-mobil ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-mobil ul ul {
    background: #f9f9f9;
}

.nav-mobil ul ul ul {
    background: #f0f0f0;
}

.nav-mobil li {
    margin: 0;
}

.nav-mobil a,
.nav-mobil strong {
    display: block;
    font-weight: 400;
    text-decoration: none;
    color: #333;
    margin: 0;
    padding: 0.75rem 0.5rem;
    border-bottom: var(--border);
}

.nav-mobil a:hover,
.nav-mobil a.trail,
.nav-mobil strong {
    color: #fff;
}

.startpage .nav-mobil a:hover,
.startpage .nav-mobil a.trail,
.startpage .nav-mobil strong {
    background: var(--primary-color-vfi);
}
.steno .nav-mobil a:hover,
.steno .nav-mobil a.trail,
.steno .nav-mobil strong {
    background: var(--primary-color-steno);
}
.adult .nav-mobil a:hover,
.adult .nav-mobil a.trail,
.adult .nav-mobil strong {
    background: var(--primary-color-adult);
}
.teens .nav-mobil a:hover,
.teens .nav-mobil a.trail,
.teens .nav-mobil strong {
    background: var(--primary-color-teens);
}

.nav-mobil li li a,
.nav-mobil li li strong {
    padding: 0.75rem 0.5rem 0.75rem 3rem;
}

.startpage .nav-mobil li li a:hover,
.startpage .nav-mobil li li a.trail,
.startpage .nav-mobil li li strong {
    background: var(--secondary-color-vfi);
}
.steno .nav-mobil li li a:hover,
.steno .nav-mobil li li a.trail,
.steno .nav-mobil li li strong {
    background: var(--secondary-color-steno);
}
.adult .nav-mobil li li a:hover,
.adult .nav-mobil li li a.trail,
.adult .nav-mobil li li strong {
    background: var(--secondary-color-adult);
}
.teens .nav-mobil li li a:hover,
.teens .nav-mobil li li a.trail,
.teens .nav-mobil li li strong {
    background: var(--secondary-color-teens);
}

.nav-mobil li li li a,
.nav-mobil li li li strong {
    padding: 0.75rem 0.5rem;
    text-align: right;
}

.nav-mobil li li li a:hover,
.nav-mobil li li li strong {
    background: #ccc;
    color: #fff;
}

.nav-mobil li > a::after {
    content: ' +';
}

.nav-mobil li > a:only-child::after {
    content: '';
}

/* 768px ========================*/
@media screen and (min-width: 48em) {
    .mod_mobile_menu {
        display: none;
    }
}

/* ==============================================
Navi Breadcrumb
============================================== */
.nav-breadcrumb ul {
    margin: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    list-style: none;
    display: flex;
}

.nav-breadcrumb ul li {
    margin: 0 0.25rem 0 0;
    padding: 0;
    font-size: 0.875rem;
}

.nav-breadcrumb ul li.first {
    display: none;
}

.nav-breadcrumb ul li:nth-child(2) a::before {
    font-family: "fontello";
    content: "\e818";
    margin-right: 4px;
}

.nav-breadcrumb ul li a::after {
    font-family: "fontello";
    content: "\f105";
    margin-left: 0.25rem;
}

.nav-breadcrumb a {
    display: block;
    width: 100%;
    color: #777;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.nav-breadcrumb li a:hover,
.nav-breadcrumb li.active {
    color: #222;
    text-decoration: none;
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {
    .nav-breadcrumb ul li {
        margin: 0 0.75rem 0 0;
        font-size: 1rem;
    }

    .nav-breadcrumb ul li a::after {
        margin-left: 0.75rem;
    }
}

/* ==============================================
Pagination
============================================== */
.pagination {
    width: 100%;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: var(--border);
}

.pagination ul {
    display: flex;
    margin: 0 0 1rem 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    margin: 0;
}

.pagination a,
.pagination strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    margin: 0 2px 0 0;
    padding: 0.75rem 1rem;
}

.startpage .pagination a {
    background: var(--primary-color-vfi);
}
.steno .pagination a {
    background: var(--primary-color-steno);
}
.adult .pagination a {
    background: var(--primary-color-adult);
}
.teens .pagination a {
    background: var(--primary-color-teens);
}

.pagination a:hover,
.pagination strong {
    text-decoration: none;
    color: #fff;
}

.startpage .pagination a:hover,
.startpage .pagination strong {
    background: var(--secondary-color-vfi);
}
.steno .pagination a:hover,
.steno .pagination strong {
    background: var(--secondary-color-steno);
}
.adult .pagination a:hover,
.adult .pagination strong {
    background: var(--secondary-color-adult);
}
.teens .pagination a:hover,
.teens .pagination strong {
    background: var(--secondary-color-teens);
}
/* ==============================================
Default
============================================== */
p.more a,
p.back a {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0.875rem 1.25rem;
    font-weight: 400;
    color: var(--buttonfont-color);
    text-decoration: none;
}

.steno .more a,
.steno .back a {
    background: var(--primary-color-steno);
}
.adult .more a,
.adult .back a {
    background: var(--primary-color-adult);
}
.teens .more a,
.teens .back a  {
    background: var(--primary-color-teens);
}

.more a::before,
.back a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
    z-index: -1;
    -webkit-transition: var(--transition-short);
    transition: var(--transition-short);
}

.steno .more a::before,
.teens .back a::before {
    background: var(--secondary-color-steno);
}
.adult .more a::before,
.adult .back a::before {
    background: var(--secondary-color-adult);
}
.teens .more a::before,
.teens .back a::before {
    background: var(--secondary-color-teens);
}

.more a::after,
.back a::after {
    font-family: "fontello";
    content: "\e856";
    margin-right: 0.375rem;
    padding-left: 0.625rem;
    -webkit-transition: var(--transition-short);
    transition: var(--transition-short);
}

.more a:hover,
.more a:focus,
.more a:active,
.back a:hover,
.back a:focus,
.back a:active {
    color: var(--buttonfont-color);
}

.steno .more a:hover,
.steno .back a:hover {
    background: var(--secondary-color-steno);
}
.adult .more a:hover,
.adult .back a:hover {
    background: var(--secondary-color-adult);
}
.teens .more a:hover,
.teens .back a:hover {
    background: var(--secondary-color-teens);
}

.more a:hover::after,
.back a:hover::after {
    margin-right: 0;
    padding-left: 1rem;
}

.more a:hover::before,
.more a:focus::before,
.more a:active::before,
.back a:hover::before,
.back a:focus::before,
.back a:active::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* ==============================================
News List
============================================== */
.layout_latest {
    position: relative;
	margin-bottom: 3rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.layout_latest-inside {
    padding: 0 1rem 1rem 1rem;
}

.layout_latest p.info {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    font-size: var(--fontsize-xs);
    color: var(--whitegrey);
    text-align: center;
    padding: 1rem;
}

.layout_latest p.info .info-date {
    display: block;
    font-size: var(--fontsize-m);
    font-weight: 700;
}

.layout_latest p.info .info-year {
    display: block;
    font-size: var(--fontsize-xs);
}

.steno .layout_latest p.info {
    background: var(--secondary-color-steno);
}
.adult .layout_latest p.info {
    background: var(--secondary-color-adult);
}
.teens .layout_latest p.info {
    background: var(--secondary-color-teens);
}

.layout_latest h2 {
    font-size: var(--fontsize-xl);
    margin-top: 0;
}

.startpage .mod_newslist {
    display: block;
    padding: 0;
}
.startpage .mod_newslist .layout_latest {
    width: 100%;
    margin-right: 0;
}
.startpage .layout_latest {
    position: relative;
    margin-bottom: 0;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.startpage .layout_latest-inside {
    padding: 0;
}

/* 680px ========================*/
@media screen and (min-width: 42.5em) {
    .mod_newslist {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mod_newslist .layout_latest {
        width: 48%;
        margin-right: 4%;
    }

    .mod_newslist .layout_latest:nth-child(2n) {
        margin-right: 0;
    }
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .mod_newslist .layout_latest,
    .mod_newslist .layout_latest:nth-child(2n) {
        width: 32%;
        margin-right: 2%;
    }

    .mod_newslist .layout_latest:nth-child(3n) {
        margin-right: 0;
    }
}

/* ==============================================
News Full
============================================== */
.layout_full {
	margin-bottom: 1rem;
}

.layout_full .layout_full-header {
	display: flex;
	justify-content : space-between;
	align-items : end;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid var(--border-color);
}

.layout_full .layout_full-header h1 {
	width: calc(100% - 6.25rem);
	border-right: 1px solid var(--border-color);
	padding-right: 1rem;
}

.layout_full .layout_full-header p.info {
	width: 6.25rem;
	margin-bottom: 0.375rem;
	padding-left: 1rem;
}

.layout_full .layout_full-header .icon-calendar {
	display: block;
	text-align: center;
}

.layout_full .layout_full-header .info-time {
	display: block;
	text-align: right;
}

/* ==============================================
News Startpage
============================================== */
.startpage .layout_latest {
	margin-bottom: 0;
}

.startpage .more a {
    background: var(--primary-color-steno);
}

.startpage .more a:hover {
    background: var(--secondary-color-steno);
}
/* ==============================================
News List
============================================== */
.event-layout_list {
    position: relative;
	margin-bottom: 3rem;
    background: var(--lightgrey);
    border: var(--border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.event-layout_list-inside {
    padding: 1rem;
}

.event-layout_list .location {
    display: inline-block;
    background: var(--body-color);
    padding: 0.5rem 0.75rem;
}

.event-layout_list .time {
    border-bottom: var(--border);
    padding-bottom: 0.5rem;
}

.event-layout_list h3 {
    font-size: var(--fontsize-xl);
}

.event-layout_list .event-more {
    border-top: var(--border);
    margin-bottom: 0.5rem;
    padding-top: 0.5rem;
}

/* 680px ========================*/
@media screen and (min-width: 42.5em) {
    .mod_eventlist {
        display: flex;
        flex-wrap: wrap;
    }

    .mod_eventlist .event-layout_list {
        width: 48%;
        margin-right: 4%;
    }

    .mod_eventlist .event-layout_list:nth-child(2n) {
        margin-right: 0;
    }
}

/* 1020px ========================*/
@media screen and (min-width: 63.75em) {
    .mod_eventlist .event-layout_list,
    .mod_eventlist .event-layout_list:nth-child(2n) {
        width: 32%;
        margin-right: 2%;
    }

    .mod_eventlist .event-layout_list:nth-child(3n) {
        margin-right: 0;
    }
}
/* ==============================================
Form
============================================== */
.formbody {
    margin: 0;
    padding: 1rem 0;
    font-family: inherit;
}

.widget {
    margin-bottom: 1.5rem;
}

input {
    line-height: normal;
}

.ce_form input,
.ce_form textarea,
.ce_form select {
    width: 100%;
    font-family: inherit;
    font-size: 1rem;
    color: var(--fontcolor-default);
    padding: 0.5rem 1rem;
    background-color: var(--body-color);
    border: 1px solid var(--grey);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ce_form select {
    background-image: url(../../files/theme/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
}

.ce_form select::-ms-expand {
    display: none;
}

.lt-ie10 select {
    background-image: none;
}

.ce_form optgroup {
    font-weight: bold;
}

.ce_form textarea {
    min-height: 12rem;
    overflow: auto;
}

.ce_form input:focus,
.ce_form textarea:focus,
.ce_form select:focus {
    border: 1px solid var(--darkgrey);
    outline: 0;
}

.ce_form label,
.ce_form legend {
    display: block;
    margin-bottom: 0.125rem;
    border: 0;
    padding: 0;
}

.ce_form fieldset {
    padding: 0;
    border: none;
}

.ce_form .privacy fieldset {
    padding: 0.75rem 1rem;
    border: 1px solid var(--darkgrey);
    background-color: var(--lightgrey);
}

.ce_form input.checkbox,
.ce_form input.radio {
    width: auto;
    float: left;
    background: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.ce_form input.checkbox:checked,
.ce_form input.checkbox:not(:checked),
.ce_form input.radio:checked,
.ce_form input.radio:not(:checked) {
    background: transparent;
    position: relative;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.ce_form input.checkbox + label,
.ce_form input.radio + label {
    cursor: pointer;
}

.ce_form input.checkbox:checked + label::before,
.ce_form input.checkbox:not(:checked) + label::before,
.ce_form input.radio:checked + label::before,
.ce_form input.radio:not(:checked) + label::before {
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    border: 1px solid var(--grey);
    background: var(--body-color);
    margin-right: 0.75rem;
}

.ce_form input.radio:checked + label::before,
.ce_form input.radio:not(:checked) + label::before {
    border-radius: 30px;
}

.ce_form input.checkbox:hover + label::before,
.ce_form input.radio:hover + label::before {
    background: var(--darkgrey);
    -webkit-box-shadow: inset 0 0 0 2px white;
    box-shadow: inset 0 0 0 2px white;
}

.ce_form input.checkbox:checked + label::before,
.ce_form input.radio:checked + label::before {
    background: var(--darkgrey);
    -webkit-box-shadow: inset 0 0 0 2px white;
    box-shadow: inset 0 0 0 2px white;
}

.ce_form input[type="number"]::-webkit-inner-spin-button,
.ce_form input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.widget-calendar {
    position: relative;
}

.widget-calendar .ui-datepicker-trigger {
    position: absolute;
    top: 10px;
    right: 10px;
}

button.submit {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: var(--buttoncolor);
    padding: 1rem 1.25rem;
    font: inherit;
    font-weight: 400;
    color: var(--buttonfont-color);
    border: 1px solid var(--buttoncolor);
    border-radius: var(--border-radius);
    cursor: pointer;
}

button.submit::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
    z-index: -1;
    background: var(--buttoncolor-hover);
    transition: var(--transition-short);
}

button.submit::after {
    font-family: "fontello";
    content: "\f1d8";
    margin-right: 0.375rem;
    padding-left: 0.625rem;
    transition: var(--transition-short);
}

.mod_search button.submit::after {
    font-family: "fontello";
    content: "\e800";
    margin-right: 0.375rem;
    padding-left: 0.625rem;
    transition: var(--transition-short);
}

button.submit:hover {
    color: var(--buttonfont-color-hover);
}

button.submit:hover::after {
    margin-right: 0;
    padding-left: 1rem;
}

button.submit:hover::before {
    transform: scale(1, 1);
}

/* 600px========================*/
@media screen and (min-width: 37.5em) {
    button.submit {
        width: auto;
        padding: 1rem 2rem;
    }
}

/* ==============================================
Search Header
============================================== */
.header-search .widget-text {
    background: var(--body-color);
    margin-bottom: 0;
    border-radius: var(--border-radius);
}

.header-search .widget-text::after {
    cursor: pointer;
    font-family: "fontello";
    content: "\e800";
    margin-right: 0.375rem;
    padding-left: 0.625rem;
}

.header-search input {
    width: auto;
    border: 0;
    border-radius: var(--border-radius);
}

.header-search .widget-submit {
    display: none;
}

/* ==============================================
Registration members
============================================== */
p.error,
.confirm.message {
    background: #e34234;
    color: var(--fontcolor-light);
    padding: 0.75rem 1rem;
}

/* ==============================================
Newsletter CleverReach
============================================== */
.cr_form input.cr_form-input {
    width: 100%;
    font-family: inherit;
    font-size: 1rem;
    color: var(--fontcolor-default);
    padding: 0.5rem 1rem;
    background-color: var(--body-color);
    border: 1px solid var(--grey);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cr_form .cr_form-component--header {
    display: block;
    margin-top: 1.25rem;
}
.cr_form .mce_text {
    margin-top: 1.25rem;
}
.cr_form .badge {
    display: inline-block;
    margin-top: 1.25rem;
}
/* ==============================================
Image
============================================== */
img {
    display: block;
    max-width: 100%;
    border: 0;
    height: auto;
    margin: 0;
}

figure {
    position: relative;
    display: inline-table;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

figure a,
figure a:visited {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    border-bottom: none;
    transition: all 2s;
}

figure a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: var(--transition-short);
}

figure a:hover:before {
    background: rgba(0, 0, 0, 0.5);
}

figure > a:after {
    font-family: "fontello";
    content: "\e800";
    font-size: var(--fontsize-large);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: var(--fontcolor-light);
    opacity: 0;
    transition: var(--transition-long);
}

figure a:hover:after {
    opacity: 1;
}

.content-image {
    margin-bottom: 1em;
}

figcaption {
    font-size: 0.938rem;
    text-align: left;
    color: var(--mediumgrey);
    padding: 0.5rem 0;
    display: table-caption;
    caption-side: bottom;
}

figcaption a {
    display: block;
    color: var(--linkcolor);
    font-size: 0.86rem;
    padding: 0.5rem 0;
    text-decoration: none;
}

figcaption a:hover {
    color: var(--linkcolor-hover);
    text-decoration: underline;
}

/*
.content-text.media {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.content-text.media h1,
.content-text.media h2,
.content-text.media h3,
.content-text.media h4,
.content-text.media h5,
.content-text.media h6 {
    width: 100%;
}
*/
.content-text.media--right .rte {}

.content-text.media--above > figure {
    margin: 0 0 1.5rem 0;
}

.content-text.media--below > figure {
    margin: 0.5rem 0 0 0;
}

/* 486px ======================== */
@media screen and (min-width: 30.375em) {
    .content-text.media > figure {}

    .content-text.media--right > figure {
        float: right;
        margin: 0 0 1.5rem 2rem;
        max-width: 45%;
    }

    .content-text.media--left > figure {
        float: left;
        margin: 0 2rem 1.5rem 0;
        max-width: 45%;
    }

    figure.float_above {
        margin: 0 0 1.25rem 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {
    img {
        margin: 0;
    }
}

/* 840px ========================*/
@media screen and (min-width: 52.50em) {
    .content-text.media > figure {}
}

/* ==============================================
Gallery
============================================== */
.content-gallery {
    margin-bottom: 1.5rem;
}

.content-gallery ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.content-gallery ul li {
    margin: 0 0 0.25rem 0;
    padding: 0;
    line-height: 1;
}

/* 2 Picture ========================================*/
/* 600px ========================*/
@media screen and (min-width: 37.5em) {
    .content-gallery.content-gallery--cols-2 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-2 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 3 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-3 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-3 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-3 li,
    .content-gallery.content-gallery--cols-3 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-3 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 4 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-4 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-4 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-4 li,
    .content-gallery.content-gallery--cols-4 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-4 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-4 li,
    .content-gallery.content-gallery--cols-4 li:nth-child(2n),
    .content-gallery.content-gallery--cols-4 li:nth-child(3n) {
        width: calc(25% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-4 li:nth-child(4n) {
        margin-right: 0;
    }
}

/* 5 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-5 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-5 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-5 li,
    .content-gallery.content-gallery--cols-5 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-5 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-5 li,
    .content-gallery.content-gallery--cols-5 li:nth-child(2n),
    .content-gallery.content-gallery--cols-5 li:nth-child(3n) {
        width: calc(20% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-5 li:nth-child(5n) {
        margin-right: 0;
    }
}

/* 6 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-6 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-6 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-6 li,
    .content-gallery.content-gallery--cols-6 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-6 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-6 li,
    .content-gallery.content-gallery--cols-6 li:nth-child(2n),
    .content-gallery.content-gallery--cols-6 li:nth-child(3n) {
        width: calc(25% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-6 li:nth-child(4n) {
        margin-right: 0;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {

    .content-gallery.content-gallery--cols-6 li,
    .content-gallery.content-gallery--cols-6 li:nth-child(2n),
    .content-gallery.content-gallery--cols-6 li:nth-child(3n),
    .content-gallery.content-gallery--cols-6 li:nth-child(4n) {
        width: calc(16.6666% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-6 li:nth-child(6n) {
        margin-right: 0;
    }
}

/* 7 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-7 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-7 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-7 li,
    .content-gallery.content-gallery--cols-7 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-7 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-7 li,
    .content-gallery.content-gallery--cols-7 li:nth-child(2n),
    .content-gallery.content-gallery--cols-7 li:nth-child(3n) {
        width: calc(20% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-7 li:nth-child(5n) {
        margin-right: 0;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {

    .content-gallery.content-gallery--cols-7 li,
    .content-gallery.content-gallery--cols-7 li:nth-child(2n),
    .content-gallery.content-gallery--cols-7 li:nth-child(3n),
    .content-gallery.content-gallery--cols-7 li:nth-child(5n) {
        width: calc(14.2857% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-7 li:nth-child(7n) {
        margin-right: 0;
    }
}

/* 8 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-8 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-8 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 486px ========================*/
@media screen and (min-width: 30.375em) {

    .content-gallery.content-gallery--cols-8 li,
    .content-gallery.content-gallery--cols-8 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-8 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-8 li,
    .content-gallery.content-gallery--cols-8 li:nth-child(2n),
    .content-gallery.content-gallery--cols-8 li:nth-child(3n) {
        width: calc(20% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-8 li:nth-child(5n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-8 li,
    .content-gallery.content-gallery--cols-8 li:nth-child(2n),
    .content-gallery.content-gallery--cols-8 li:nth-child(3n),
    .content-gallery.content-gallery--cols-8 li:nth-child(5n) {
        width: calc(14.2857% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-8 li:nth-child(7n) {
        margin-right: 0;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {

    .content-gallery.content-gallery--cols-8 li,
    .content-gallery.content-gallery--cols-8 li:nth-child(2n),
    .content-gallery.content-gallery--cols-8 li:nth-child(3n),
    .content-gallery.content-gallery--cols-8 li:nth-child(5n),
    .content-gallery.content-gallery--cols-8 li:nth-child(7n) {
        width: calc(12.5% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-8 li:nth-child(8n) {
        margin-right: 0;
    }
}

/* 9 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-9 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-9 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 486px ========================*/
@media screen and (min-width: 30.375em) {

    .content-gallery.content-gallery--cols-9 li,
    .content-gallery.content-gallery--cols-9 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-9 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-9 li,
    .content-gallery.content-gallery--cols-9 li:nth-child(2n),
    .content-gallery.content-gallery--cols-9 li:nth-child(3n) {
        width: calc(20% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-9 li:nth-child(5n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-9 li,
    .content-gallery.content-gallery--cols-9 li:nth-child(2n),
    .content-gallery.content-gallery--cols-9 li:nth-child(3n),
    .content-gallery.content-gallery--cols-9 li:nth-child(5n) {
        width: calc(14.2857% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-9 li:nth-child(7n) {
        margin-right: 0;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {

    .content-gallery.content-gallery--cols-9 li,
    .content-gallery.content-gallery--cols-9 li:nth-child(2n),
    .content-gallery.content-gallery--cols-9 li:nth-child(3n),
    .content-gallery.content-gallery--cols-9 li:nth-child(5n),
    .content-gallery.content-gallery--cols-9 li:nth-child(7n) {
        width: calc(11.1111% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-9 li:nth-child(9n) {
        margin-right: 0;
    }
}

/* 10 Picture ========================================*/
/* 360px ========================*/
@media screen and (min-width: 22.5em) {
    .content-gallery.content-gallery--cols-10 li {
        width: calc(50% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-10 li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 486px ========================*/
@media screen and (min-width: 30.375em) {

    .content-gallery.content-gallery--cols-10 li,
    .content-gallery.content-gallery--cols-10 li:nth-child(2n) {
        width: calc(33.3333% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-10 li:nth-child(3n) {
        margin-right: 0;
    }
}

/* 600px ========================*/
@media screen and (min-width: 37.5em) {

    .content-gallery.content-gallery--cols-10 li,
    .content-gallery.content-gallery--cols-10 li:nth-child(2n),
    .content-gallery.content-gallery--cols-10 li:nth-child(3n) {
        width: calc(20% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-10 li:nth-child(5n) {
        margin-right: 0;
    }
}

/* 732px ========================*/
@media screen and (min-width: 45.75em) {

    .content-gallery.content-gallery--cols-10 li,
    .content-gallery.content-gallery--cols-10 li:nth-child(2n),
    .content-gallery.content-gallery--cols-10 li:nth-child(3n),
    .content-gallery.content-gallery--cols-10 li:nth-child(5n) {
        width: calc(14.2857% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-10 li:nth-child(7n) {
        margin-right: 0;
    }
}

/* 900px ========================*/
@media screen and (min-width: 56.25em) {

    .content-gallery.content-gallery--cols-10 li,
    .content-gallery.content-gallery--cols-10 li:nth-child(2n),
    .content-gallery.content-gallery--cols-10 li:nth-child(3n),
    .content-gallery.content-gallery--cols-10 li:nth-child(5n),
    .content-gallery.content-gallery--cols-10 li:nth-child(7n) {
        width: calc(10% - 0.375rem);
        margin-right: 0.375rem;
    }

    .content-gallery.content-gallery--cols-10 li:nth-child(10n) {
        margin-right: 0;
    }
}
@font-face {
  font-family: 'fontello';
  src: url('../../files/theme/fonts/fontello.eot');
  src: url('../../files/theme/fonts/fontello.eot?#iefix') format('embedded-opentype'),
       url('../../files/theme/fonts/fontello.woff2') format('woff2'),
       url('../../files/theme/fonts/fontello.woff') format('woff'),
       url('../../files/theme/fonts/fontello.ttf') format('truetype'),
       url('../../files/theme/fonts/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*[data-icon]:before {
    content: attr(data-icon);
    font: 1em/1 "fontello";
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../../files/theme/font/fontello.svg?76179276#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-search:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-star:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-heart:before { content: '\e804'; } /* '' */
.icon-heart-empty:before { content: '\e805'; } /* '' */
.icon-music:before { content: '\e806'; } /* '' */
.icon-user:before { content: '\e807'; } /* '' */
.icon-users:before { content: '\e808'; } /* '' */
.icon-videocam:before { content: '\e809'; } /* '' */
.icon-camera:before { content: '\e80a'; } /* '' */
.icon-picture:before { content: '\e80b'; } /* '' */
.icon-camera-alt:before { content: '\e80c'; } /* '' */
.icon-ok:before { content: '\e80d'; } /* '' */
.icon-ok-circled:before { content: '\e80e'; } /* '' */
.icon-ok-circled2:before { content: '\e80f'; } /* '' */
.icon-cancel:before { content: '\e810'; } /* '' */
.icon-cancel-circled:before { content: '\e811'; } /* '' */
.icon-plus:before { content: '\e812'; } /* '' */
.icon-plus-circled:before { content: '\e813'; } /* '' */
.icon-minus:before { content: '\e814'; } /* '' */
.icon-minus-circled:before { content: '\e815'; } /* '' */
.icon-help-circled:before { content: '\e816'; } /* '' */
.icon-info-circled:before { content: '\e817'; } /* '' */
.icon-home:before { content: '\e818'; } /* '' */
.icon-attach:before { content: '\e819'; } /* '' */
.icon-lock:before { content: '\e81a'; } /* '' */
.icon-lock-open:before { content: '\e81b'; } /* '' */
.icon-pin:before { content: '\e81c'; } /* '' */
.icon-tag:before { content: '\e81d'; } /* '' */
.icon-tags:before { content: '\e81e'; } /* '' */
.icon-bookmark:before { content: '\e81f'; } /* '' */
.icon-flag:before { content: '\e820'; } /* '' */
.icon-thumbs-up:before { content: '\e821'; } /* '' */
.icon-thumbs-down:before { content: '\e822'; } /* '' */
.icon-download:before { content: '\e823'; } /* '' */
.icon-upload:before { content: '\e824'; } /* '' */
.icon-export:before { content: '\e825'; } /* '' */
.icon-pencil:before { content: '\e826'; } /* '' */
.icon-edit:before { content: '\e827'; } /* '' */
.icon-print:before { content: '\e828'; } /* '' */
.icon-comment:before { content: '\e829'; } /* '' */
.icon-chat:before { content: '\e82a'; } /* '' */
.icon-bell:before { content: '\e82b'; } /* '' */
.icon-attention:before { content: '\e82c'; } /* '' */
.icon-attention-circled:before { content: '\e82d'; } /* '' */
.icon-location:before { content: '\e82e'; } /* '' */
.icon-trash-empty:before { content: '\e82f'; } /* '' */
.icon-doc:before { content: '\e830'; } /* '' */
.icon-folder:before { content: '\e831'; } /* '' */
.icon-folder-open:before { content: '\e832'; } /* '' */
.icon-phone:before { content: '\e833'; } /* '' */
.icon-cog:before { content: '\e834'; } /* '' */
.icon-cog-alt:before { content: '\e835'; } /* '' */
.icon-wrench:before { content: '\e836'; } /* '' */
.icon-basket:before { content: '\e837'; } /* '' */
.icon-calendar:before { content: '\e838'; } /* '' */
.icon-login:before { content: '\e839'; } /* '' */
.icon-logout:before { content: '\e83a'; } /* '' */
.icon-volume-off:before { content: '\e83b'; } /* '' */
.icon-volume-down:before { content: '\e83c'; } /* '' */
.icon-volume-up:before { content: '\e83d'; } /* '' */
.icon-headphones:before { content: '\e83e'; } /* '' */
.icon-clock:before { content: '\e83f'; } /* '' */
.icon-block:before { content: '\e840'; } /* '' */
.icon-resize-full:before { content: '\e841'; } /* '' */
.icon-resize-small:before { content: '\e842'; } /* '' */
.icon-resize-vertical:before { content: '\e843'; } /* '' */
.icon-resize-horizontal:before { content: '\e844'; } /* '' */
.icon-zoom-in:before { content: '\e845'; } /* '' */
.icon-zoom-out:before { content: '\e846'; } /* '' */
.icon-down-circled2:before { content: '\e847'; } /* '' */
.icon-up-circled2:before { content: '\e848'; } /* '' */
.icon-down-dir:before { content: '\e849'; } /* '' */
.icon-up-dir:before { content: '\e84a'; } /* '' */
.icon-left-dir:before { content: '\e84b'; } /* '' */
.icon-right-dir:before { content: '\e84c'; } /* '' */
.icon-down-open:before { content: '\e84d'; } /* '' */
.icon-left-open:before { content: '\e84e'; } /* '' */
.icon-right-open:before { content: '\e84f'; } /* '' */
.icon-up-open:before { content: '\e850'; } /* '' */
.icon-down-hand:before { content: '\e851'; } /* '' */
.icon-up-hand:before { content: '\e852'; } /* '' */
.icon-left-hand:before { content: '\e853'; } /* '' */
.icon-right-hand:before { content: '\e854'; } /* '' */
.icon-up-big:before { content: '\e855'; } /* '' */
.icon-right-big:before { content: '\e856'; } /* '' */
.icon-left-big:before { content: '\e857'; } /* '' */
.icon-down-big:before { content: '\e858'; } /* '' */
.icon-cw:before { content: '\e859'; } /* '' */
.icon-ccw:before { content: '\e85a'; } /* '' */
.icon-arrows-cw:before { content: '\e85b'; } /* '' */
.icon-shuffle:before { content: '\e85c'; } /* '' */
.icon-signal:before { content: '\e85d'; } /* '' */
.icon-award:before { content: '\e85e'; } /* '' */
.icon-inbox:before { content: '\e85f'; } /* '' */
.icon-globe:before { content: '\e860'; } /* '' */
.icon-cloud:before { content: '\e861'; } /* '' */
.icon-flash:before { content: '\e862'; } /* '' */
.icon-umbrella:before { content: '\e863'; } /* '' */
.icon-flight:before { content: '\e864'; } /* '' */
.icon-leaf:before { content: '\e865'; } /* '' */
.icon-scissors:before { content: '\e866'; } /* '' */
.icon-briefcase:before { content: '\e867'; } /* '' */
.icon-off:before { content: '\e868'; } /* '' */
.icon-road:before { content: '\e869'; } /* '' */
.icon-barcode:before { content: '\e86a'; } /* '' */
.icon-book:before { content: '\e86b'; } /* '' */
.icon-adjust:before { content: '\e86c'; } /* '' */
.icon-tint:before { content: '\e86d'; } /* '' */
.icon-check:before { content: '\e86e'; } /* '' */
.icon-asterisk:before { content: '\e86f'; } /* '' */
.icon-gift:before { content: '\e870'; } /* '' */
.icon-fire:before { content: '\e871'; } /* '' */
.icon-magnet:before { content: '\e872'; } /* '' */
.icon-chart-bar:before { content: '\e873'; } /* '' */
.icon-credit-card:before { content: '\e874'; } /* '' */
.icon-floppy:before { content: '\e875'; } /* '' */
.icon-megaphone:before { content: '\e876'; } /* '' */
.icon-key:before { content: '\e877'; } /* '' */
.icon-truck:before { content: '\e878'; } /* '' */
.icon-hammer:before { content: '\e879'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-left-circled:before { content: '\f0a8'; } /* '' */
.icon-right-circled:before { content: '\f0a9'; } /* '' */
.icon-up-circled:before { content: '\f0aa'; } /* '' */
.icon-down-circled:before { content: '\f0ab'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-gplus-squared:before { content: '\f0d4'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-gauge:before { content: '\f0e4'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud:before { content: '\f0ee'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-stethoscope:before { content: '\f0f1'; } /* '' */
.icon-suitcase:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-hospital:before { content: '\f0f8'; } /* '' */
.icon-ambulance:before { content: '\f0f9'; } /* '' */
.icon-medkit:before { content: '\f0fa'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-beer:before { content: '\f0fc'; } /* '' */
.icon-h-sigh:before { content: '\f0fd'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-smile:before { content: '\f118'; } /* '' */
.icon-frown:before { content: '\f119'; } /* '' */
.icon-meh:before { content: '\f11a'; } /* '' */
.icon-flag-empty:before { content: '\f11d'; } /* '' */
.icon-code:before { content: '\f121'; } /* '' */
.icon-direction:before { content: '\f124'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */
.icon-attention-alt:before { content: '\f12a'; } /* '' */
.icon-puzzle:before { content: '\f12e'; } /* '' */
.icon-mic:before { content: '\f130'; } /* '' */
.icon-mute:before { content: '\f131'; } /* '' */
.icon-shield:before { content: '\f132'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-extinguisher:before { content: '\f134'; } /* '' */
.icon-rocket:before { content: '\f135'; } /* '' */
.icon-angle-circled-left:before { content: '\f137'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */
.icon-angle-circled-up:before { content: '\f139'; } /* '' */
.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
.icon-anchor:before { content: '\f13d'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-bullseye:before { content: '\f140'; } /* '' */
.icon-ticket:before { content: '\f145'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-minus-squared-alt:before { content: '\f147'; } /* '' */
.icon-level-up:before { content: '\f148'; } /* '' */
.icon-level-down:before { content: '\f149'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-compass:before { content: '\f14e'; } /* '' */
.icon-expand:before { content: '\f150'; } /* '' */
.icon-collapse:before { content: '\f151'; } /* '' */
.icon-expand-right:before { content: '\f152'; } /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-doc-text-inv:before { content: '\f15c'; } /* '' */
.icon-sort-alt-up:before { content: '\f160'; } /* '' */
.icon-sort-alt-down:before { content: '\f161'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-xing:before { content: '\f168'; } /* '' */
.icon-xing-squared:before { content: '\f169'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-flickr:before { content: '\f16e'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-tumblr-squared:before { content: '\f174'; } /* '' */
.icon-down:before { content: '\f175'; } /* '' */
.icon-up:before { content: '\f176'; } /* '' */
.icon-left:before { content: '\f177'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-windows:before { content: '\f17a'; } /* '' */
.icon-foursquare:before { content: '\f180'; } /* '' */
.icon-sun:before { content: '\f185'; } /* '' */
.icon-moon:before { content: '\f186'; } /* '' */
.icon-box:before { content: '\f187'; } /* '' */
.icon-bug:before { content: '\f188'; } /* '' */
.icon-right-circled2:before { content: '\f18e'; } /* '' */
.icon-left-circled2:before { content: '\f190'; } /* '' */
.icon-collapse-left:before { content: '\f191'; } /* '' */
.icon-wheelchair:before { content: '\f193'; } /* '' */
.icon-vimeo-squared:before { content: '\f194'; } /* '' */
.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
.icon-bank:before { content: '\f19c'; } /* '' */
.icon-graduation-cap:before { content: '\f19d'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-building-filled:before { content: '\f1ad'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-spoon:before { content: '\f1b1'; } /* '' */
.icon-recycle:before { content: '\f1b8'; } /* '' */
.icon-cab:before { content: '\f1b9'; } /* '' */
.icon-taxi:before { content: '\f1ba'; } /* '' */
.icon-tree:before { content: '\f1bb'; } /* '' */
.icon-database:before { content: '\f1c0'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-wechat:before { content: '\f1d7'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-history:before { content: '\f1da'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-binoculars:before { content: '\f1e5'; } /* '' */
.icon-plug:before { content: '\f1e6'; } /* '' */
.icon-newspaper:before { content: '\f1ea'; } /* '' */
.icon-wifi:before { content: '\f1eb'; } /* '' */
.icon-calc:before { content: '\f1ec'; } /* '' */
.icon-paypal:before { content: '\f1ed'; } /* '' */
.icon-trash:before { content: '\f1f8'; } /* '' */
.icon-at:before { content: '\f1fa'; } /* '' */
.icon-eyedropper:before { content: '\f1fb'; } /* '' */
.icon-brush:before { content: '\f1fc'; } /* '' */
.icon-birthday:before { content: '\f1fd'; } /* '' */
.icon-chart-area:before { content: '\f1fe'; } /* '' */
.icon-chart-pie:before { content: '\f200'; } /* '' */
.icon-chart-line:before { content: '\f201'; } /* '' */
.icon-bicycle:before { content: '\f206'; } /* '' */
.icon-bus:before { content: '\f207'; } /* '' */
.icon-angellist:before { content: '\f209'; } /* '' */
.icon-cart-plus:before { content: '\f217'; } /* '' */
.icon-cart-arrow-down:before { content: '\f218'; } /* '' */
.icon-diamond:before { content: '\f219'; } /* '' */
.icon-ship:before { content: '\f21a'; } /* '' */
.icon-motorcycle:before { content: '\f21c'; } /* '' */
.icon-heartbeat:before { content: '\f21e'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-server:before { content: '\f233'; } /* '' */
.icon-bed:before { content: '\f236'; } /* '' */
.icon-train:before { content: '\f238'; } /* '' */
.icon-subway:before { content: '\f239'; } /* '' */
.icon-battery-4:before { content: '\f240'; } /* '' */
.icon-battery-3:before { content: '\f241'; } /* '' */
.icon-battery-2:before { content: '\f242'; } /* '' */
.icon-battery-1:before { content: '\f243'; } /* '' */
.icon-battery-0:before { content: '\f244'; } /* '' */
.icon-balance-scale:before { content: '\f24e'; } /* '' */
.icon-hourglass-o:before { content: '\f250'; } /* '' */
.icon-hourglass-1:before { content: '\f251'; } /* '' */
.icon-hourglass-2:before { content: '\f252'; } /* '' */
.icon-hourglass-3:before { content: '\f253'; } /* '' */
.icon-hourglass:before { content: '\f254'; } /* '' */
.icon-safari:before { content: '\f267'; } /* '' */
.icon-chrome:before { content: '\f268'; } /* '' */
.icon-firefox:before { content: '\f269'; } /* '' */
.icon-opera:before { content: '\f26a'; } /* '' */
.icon-internet-explorer:before { content: '\f26b'; } /* '' */
.icon-television:before { content: '\f26c'; } /* '' */
.icon-calendar-plus-o:before { content: '\f271'; } /* '' */
.icon-calendar-minus-o:before { content: '\f272'; } /* '' */
.icon-calendar-times-o:before { content: '\f273'; } /* '' */
.icon-calendar-check-o:before { content: '\f274'; } /* '' */
.icon-industry:before { content: '\f275'; } /* '' */
.icon-map-pin:before { content: '\f276'; } /* '' */
.icon-map-signs:before { content: '\f277'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' */
.icon-commenting:before { content: '\f27a'; } /* '' */
.icon-commenting-o:before { content: '\f27b'; } /* '' */
.icon-vimeo:before { content: '\f27d'; } /* '' */
.icon-edge:before { content: '\f282'; } /* '' */
.icon-credit-card-alt:before { content: '\f283'; } /* '' */
.icon-shopping-bag:before { content: '\f290'; } /* '' */
.icon-shopping-basket:before { content: '\f291'; } /* '' */
.icon-bluetooth:before { content: '\f293'; } /* '' */
.icon-bluetooth-b:before { content: '\f294'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-question-circle-o:before { content: '\f29c'; } /* '' */
.icon-handshake-o:before { content: '\f2b5'; } /* '' */
.icon-address-book:before { content: '\f2b9'; } /* '' */
.icon-address-book-o:before { content: '\f2ba'; } /* '' */
.icon-address-card:before { content: '\f2bb'; } /* '' */
.icon-address-card-o:before { content: '\f2bc'; } /* '' */
.icon-user-circle:before { content: '\f2bd'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
.icon-user-o:before { content: '\f2c0'; } /* '' */
.icon-thermometer:before { content: '\f2c7'; } /* '' */
.icon-thermometer-3:before { content: '\f2c8'; } /* '' */
.icon-thermometer-2:before { content: '\f2c9'; } /* '' */
.icon-thermometer-quarter:before { content: '\f2ca'; } /* '' */
.icon-thermometer-0:before { content: '\f2cb'; } /* '' */
.icon-shower:before { content: '\f2cc'; } /* '' */
.icon-bath:before { content: '\f2cd'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */