body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} #ctrl_cookieGroups tr td:nth-child(3) button ,#ctrl_cookieGroups tr td:nth-child(3) button { display: none; } #ctrl_cookieGroups tr:nth-last-child(1) td:nth-child(3) button:nth-child(1) ,#ctrl_cookieGroups tr:nth-last-child(1) td:nth-child(3) button:nth-child(2) ,#ctrl_cookieGroups tr:nth-last-child(1) td:nth-child(3) button:nth-child(3) { display: inline; } #tl_module_cookieTools_2 .delete , #tl_module_cookieTools_3 .delete { display: none; } #table_fieldpalette_cookieTools_paginate, #table_fieldpalette_otherScripts_paginate,#table_fieldpalette_cookieTools_length,#table_fieldpalette_cookieTools_filter,#table_fieldpalette_otherScripts_length,#table_fieldpalette_otherScripts_filter,#table_fieldpalette_cookieTools_info,#table_fieldpalette_otherScripts_info { display: none; } .tl_error,.tl_info{ background-position: left 2px !important; } #tl_fieldpalette .fieldpalette-form-container { overflow-y: scroll !important; } #tl_fieldpalette .tl_submit_container { position: inherit !important; } #tl_fieldpalette #saveNclose, #tl_fieldpalette #sbtog { display: none; } .ncoi---list--container p{ display: none; } .ncoi---list--container .ncoi---list--list { min-height: 45px; padding-left: 1em; cursor: default; } .ncoi---list--container .ncoi---list--list li { list-style: outside; } #ctrl_languageSwitch th,#ctrl_languageSwitch td:nth-child(2),#ctrl_languageSwitch td:nth-child(3) { display: none; } @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;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;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;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;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{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;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} /*! * Contao Open Source CMS * * Copyright (c) 2005-2016 Leo Feyer * * @license LGPL-3.0+ */ /** * Reset the margin and padding of the block elements */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin:0; padding:0; } /** * Basic element formatting */ table { border-spacing:0; border-collapse:collapse; } caption,th,td { text-align:left; text-align:start; /* see #4596 */ vertical-align:top; } abbr,acronym { font-variant:normal; border-bottom:1px dotted #555; cursor:help; } blockquote,q { quotes:none; } fieldset,img { border:0; } ul { list-style-type:none; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } del { text-decoration:line-through; } ins { text-decoration:none; } header,footer,nav,section,aside,article,figure,figcaption { display:block; } /** * Default font settings */ input,button,textarea,select { font-family:inherit; font-size:99%; font-weight:inherit; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } h1 { font-size:1.8333em; /* 22px */ } h2 { font-size:1.6667em; /* 20px */ } h3 { font-size:1.5em; /* 18px */ } h4 { font-size:1.3333em; /* 16px */ } table { font-size:inherit; } caption,th { font-weight:bold; } /** * Default margins */ h1,h2,h3,h4,h5,h6 { margin-top:1em; } h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form { margin-bottom:15px; /* Should match the font size */ } /** * Flexible images (videos see #4896) * * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries */ img { max-width:100%; height:auto; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie8 img { width:auto; /* see #5789 */ } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.42857143; color: #191919; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #034ea1; text-decoration: none; } a:hover, a:focus { color: #023771; text-decoration: underline; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block { display: none !important; } @media (max-width: 544px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 544px) { .visible-xs-block { display: block !important; } } @media (max-width: 544px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 544px) { .visible-xs-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (max-width: 767px) { .visible-sm-block { display: block !important; } } @media (max-width: 767px) { .visible-sm-inline { display: inline !important; } } @media (max-width: 767px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-xl { display: block !important; } table.visible-xl { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xl-block { display: block !important; } } @media (min-width: 1200px) { .visible-xl-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-xl-inline-block { display: inline-block !important; } } @media (max-width: 544px) { .hidden-xs { display: none !important; } } @media (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* -------------------------------------------------------------------------------- * -------------------------------------------------------------------------------- * Author: Medienagentur Hallenberger * Andreas Lang * Version: 2.0, Oktober 2017 * -------------------------------------------------------------------------------- * * --- Layout * --- Kopfzeile * --- Container * --- Fußzeile * --- Eigene Layoutbereiche * --- Artikel * --- Media Queries * * ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- * Layout * ----------------------------------------------------------------------------- */ #wrapper { background-color: #ffffff; } /* --- Kopfzeile * ---------------------------------------- */ #header-top, #header-main { width: 100%; clear: both; } #header-top > .inside, #header-main > .inside { display: block; max-width: 1230px; padding: 0 15px; margin: 0 auto; } /* Kopfzeile oberhalb ---------- */ #header-top > .inside { height: 145px; } #header-top .logo { display: block; float: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #header-top .logo > a { display: block; width: 100%; height: 100%; } #header-top .logo > a > img { display: block; width: 290px; height: 75px; } #header-top .logo_kampagne { float: right; clear: right; margin-top: 20px; position: relative; display: block; } /* Kopfzeile ---------- */ #header-main { background-color: rgb(3,78,161); overflow: visible!important; } #header-main > .inside { height: 65px; } /* Kopfzeile unterhalb ---------- */ #slider.mod_rocksolid_slider { height: 100%; height: calc(100vh - 200px); width: 100%; } /* --- Hauptspalte * ---------------------------------------- */ /* Container ---------- */ #container { margin-top: 30px; padding-left: 15px; padding-right: 15px; } body.sidebar #container { max-width: 1230px; margin: 0 auto; } body.sidebar #main { width: 75%; } #main > .inside { margin-left: -15px; margin-right: -15px; } body.sidebar #main > .inside { padding-right: 100px; } body.sidebar #left, body.sidebar #right { width: 25%; } /* Section ---------- */ /* --- Fußzeile * ---------------------------------------- */ #footer { margin-top: 60px; } #footer, #footer a { color: #fff; } #footer-main, #footer-bottom { width: 100%; clear: both; } #footer-main > .inside, #footer-bottom > .inside { display: block; max-width: 1230px; padding: 0 15px; margin: 0 auto; } /* Fußzeile oberhalb ---------- */ /* Fußzeile ---------- */ #footer-main { background-color: rgb(3,78,161); } #footer-main .mhce_columns > .row > .column { padding-bottom: 35px; } #footer-main .ce_hyperlink { width: 100%; position: absolute; bottom: 0; line-height: 20px; padding-top: 15px; } body.ie #footer-main .ce_hyperlink { position: relative; } #footer-main .ce_toplink { background-color: rgb(0,99,166); bottom: 20px; height: 40px; position: fixed; right: 20px; -webkit-transition: transform 0.25s ease-in-out 0.1s; -moz-transition: transform 0.25s ease-in-out 0.1s; transition: transform 0.25s ease-in-out 0.1s; width: 40px; z-index: 9999; } #footer-main .ce_toplink > a { color: #fff; position: absolute; width: 100%; height: 100%; text-indent: -9999em; } #footer-main .ce_toplink > a:after { content: "\f105"; font-family: "FontAwesome"; font-size: 32px; font-size: 3.2rem; font-weight: normal; height: 40px; left: -1px; line-height: 40px; position: absolute; text-align: center; text-indent: 0; top: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); width: 40px; } /* Fußzeile unterhalb ---------- */ #footer-bottom { background-color: rgb(237,237,237); } /* --- Sonstige Elemente * ---------------------------------------- */ #cookiebar { background-color: rgb(25, 25, 25); z-index: 9999; } #cookiebar a, #cookiebar span { font-size: 14px; font-size: 1.4rem; } /* -------------------------------------------------------------------------------- * Artikel * ----------------------------------------------------------------------------- */ .article-wrapper.article-background-v1 { background-color: rgb(3,78,161); } .article-wrapper.article-background-v2 { background-color: rgb(237,237,237); } .article-wrapper:not(.article-fullwidth) > .mod_article { max-width: 1200px; padding: 0 15px; margin: auto; } .article-wrapper.article-fullwidth > .mod_article { max-width: 100%; } .module.service-hotline a { display: block; color: #fff; font-size: 18px; font-size: 1.8rem; font-weight: 600; line-height: 35px; text-transform: uppercase; padding: 15px; } .module.service-hotline.black a { color:#191919; } #mapsearch .ce_dlh_googlemaps, #mapsearch .ce_dlh_googlemaps .dlh_googlemap { height:540px; margin-bottom:2rem; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { body.debug #wrapper { background-color: rgba(255,0,0,0.10); } #footer-main .mhce_columns .column:nth-child(4n) { margin-top: 30px; } body.sidebar #main > .inside { padding-right: 30px; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { body.debug #wrapper { background-color: rgba(0,255,0,0.10); } #header-top .logo_kampagne { display: none; } body.sidebar #main { width: 66.6667%; } body.sidebar #left, body.sidebar #right { width: 33.3333%; } #footer-main .mhce_columns .column:nth-child(3n) { margin-top: 30px; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { body.debug #wrapper { background-color: rgba(0,0,255,0.10); } body.sidebar #main { width: 100%; } body.sidebar #main > .inside { padding-right: 0; } body.sidebar #left, body.sidebar #right { width: 100%; /* display: none; */ } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { body.debug #wrapper { background-color: rgba(255,255,0,0.10); } #footer-main .mhce_columns .column:nth-child(2n) { margin-top: 30px; } } /* -------------------------------------------------------------------------------- * Main Navigation * ----------------------------------------------------------------------------- */ .mod_navigation.main { float: left; overflow: visible; position: relative; } .mod_navigation.main ul { margin: 0; padding: 0; list-style: none; overflow: hidden; display: block; } .mod_navigation.main ul.level_1 { overflow: hidden; } .mod_navigation.main ul.level_1 > li { float: left; margin: 0 15px 0 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } .mod_navigation.main ul.level_1 > li { margin: 0; } .mod_navigation.main ul.level_1 > li:hover { } .mod_navigation.main ul.level_1 > li > a, .mod_navigation.main ul.level_1 > li > strong { display: block; color: #fff; font-size: 18px; font-size: 1.8rem; font-weight: 600; line-height: 35px; text-transform: uppercase; padding: 15px; } .mod_navigation.main ul.level_1 > li.active > a, .mod_navigation.main ul.level_1 > li.forward > strong { background-color: rgb(0,99,166); } .mod_navigation.main ul.level_1 > li:hover > a, .mod_navigation.main ul.level_1 > li:hover > strong { background-color: rgb(0,99,166); } .mod_navigation.main ul.level_2 { background-color: rgba(255, 255, 255, 0.85); position: absolute; left: auto; z-index: 1001; opacity: 0; min-width: 150px; max-height: 0; transition: opacity 0.25s ease 0s, max-height 0.75s ease 0s; } /* .mod_navigation.main ul.level_1 > li.last ul.level_2 { right: 0; } */ .mod_navigation.main ul.level_1 > li:hover ul.level_2 { opacity: 1; overflow: visible; max-height: 100%; transition-delay: 0s; } .mod_navigation.main ul.level_1 > li:focus ul.level_2 { opacity: 1; overflow: visible; max-height: 100%; transition: none; } /* .mod_navigation.main ul.level_1 > li.last ul.level_2 > li { text-align: right; } */ .mod_navigation.main ul.level_2 > li > a, .mod_navigation.main ul.level_2 > li > strong { color: #0063a6; background-color: #fff; padding: 10px 20px; display: block; font-size: 18px; font-size: 1.8rem; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; white-space: nowrap; } .mod_navigation.main ul.level_2 > li:hover > a, .mod_navigation.main ul.level_2 > li:hover > strong { background-color: rgb(0,99,166); color: #fff; } /* -------------------------------------------------------------------------------- * Submenu * ----------------------------------------------------------------------------- */ .mod_navigation.sidebar { background-color: rgb(237,237,237); padding: 30px; } .mod_navigation.sidebar ul.level_1 > li:not(.trail) { display: none; } .mod_navigation.sidebar ul.level_1 > li.submenu.trail > a, .mod_navigation.sidebar ul.level_1 > li.submenu.trail > strong { display: none; } .mod_navigation.sidebar ul.level_2 { margin-bottom: 0; } .mod_navigation.sidebar ul.level_2 > li:not(.last) { margin-bottom: 15px; } .mod_navigation.sidebar ul.level_2 > li > a, .mod_navigation.sidebar ul.level_2 > li > strong { font-size: 24px; font-size: 2.4rem; font-weight: 600; color: #000000; } .mod_navigation.sidebar ul.level_2 > li:not(.trail) > ul.level_3 { display: none; } .mod_navigation.sidebar ul.level_3 { padding-left: 15px; margin-bottom: 30px; margin-top: 15px; } .mod_navigation.sidebar ul.level_3 > li > a, .mod_navigation.sidebar ul.level_3 > li > span { color: #0063a6; font-size: 14px; font-size: 1.7rem; font-weight: 600; background-image: url(../../files/themes/khwf/layout/icon_more_blue.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: right center; padding-right: 16px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } .mod_navigation.sidebar ul.level_3 > li > span { opacity: 0.6; background-position: left center; padding-left: 16px; padding-right: 0; } .mod_navigation.sidebar ul.level_3 > li:hover > a { opacity: 0.6; background-position: left center; padding-left: 16px; padding-right: 0; } /* -------------------------------------------------------------------------------- * Mobile Navigation * ----------------------------------------------------------------------------- */ a.c-hamburger { position: absolute; top: 50%; right: 20px; margin-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; } .c-hamburger { background-color: transparent; display: none; overflow: hidden; margin: 0; padding: 0; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .c-hamburger:focus { outline: none; } .c-hamburger span { display: block; position: absolute; top: 22px; left: 12px; right: 12px; height: 3px; background: rgb(0,99,166); } .c-hamburger span:before, .c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: rgb(0,99,166); content: ""; } .c-hamburger span:before { left: 0px; right: 0; top: -9px; width: auto; } .c-hamburger span:after { bottom: -9px; left: 0; right: 0; width: auto; } .c-hamburger--htx { background-color: transparent; } .c-hamburger--htx span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .c-hamburger--htx span:before, .c-hamburger--htx span:after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .c-hamburger--htx span:before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .c-hamburger--htx span:after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } /* active state, i.e. menu open */ .c-hamburger--htx.is-active { background-color: transparent; } .c-hamburger.is-active span { background: #fff; left: 8px; right: 8px; width: auto; } .c-hamburger--htx.is-active span { background: none; } .c-hamburger--htx.is-active span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-hamburger--htx.is-active span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-hamburger.is-active span:before, .c-hamburger.is-active span:after { background-color: #fff; left: auto; right: auto; width: 100%; } .c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .mm-menu.mm-menu--theme-white .mm-panel, .mm-navbar{ background: rgb(0,99,166); color: white; } .mm-menu.mm-menu--theme-white .mm-list > li > a.mm-subclose, .mm-listitem--selected{ color: rgba(0, 0, 0, 0.5); background: rgb(1,124,208); } /* -------------------------------------------------------------------------------- * Navigation * ----------------------------------------------------------------------------- */ /* --- Custom Navigation * ---------------------------------------- */ #header-top .mod_customnav { float: right; } .mod_customnav > ul { margin-bottom: 0; } .mod_customnav:not(.inline-list) > ul { list-style-type: disc; padding-left: 20px; } #header-top .mod_customnav > ul { padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; } #footer-bottom .mod_customnav > ul { text-align: center; } .mod_customnav.inline-list > ul > li { display: inline-block; } .mod_customnav > ul > li > a { display: inline-block; color: #000000; } .mod_customnav.inline-list > ul > li > a { padding-left: 10px; padding-right: 10px; } #footer-main .mod_customnav > ul > li > a { height: 24px; } #footer-bottom .mod_customnav > ul > li > a { color: #000000; height: 24px; } .mod_customnav:not(.grid) > ul > li.first > a { padding-left: 0; } .mod_customnav:not(.grid) > ul > li.last > a { padding-right: 0; } .mod_customnav.inline-list > ul > li:not(:last-child):after { content: "|"; color: #d8d8d8; } /* --- Breadcrumb * ---------------------------------------- */ /* --- Pagination * ---------------------------------------- */ .pagination { clear: both; display: block; float: left; margin-top: 45px; padding-left: 15px; padding-right: 15px; width: 100%; } .pagination > p { float: left; padding: 0.5em 1em; line-height: 1; color: #0063a6; } .pagination > ul { float: right; } .pagination > ul > li { float: left; margin-left: 0.5em; } .pagination a, .pagination strong { border: 2px solid #0063a6; color: #0063a6; display: inline-block; line-height: 1; padding: 0.5em 1em; } .pagination strong { background-color: rgb(0,99,166); color: #fff; } .pagination a:hover { background-color: #00538b; border-color: #00538b; color: #fff; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Medium devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { .mod_navigation.main ul.level_1 > li > a, .mod_navigation.main ul.level_1 > li > strong { line-height: 20px; } .mod_navigation.sidebar { padding: 20px; } .mod_navigation.sidebar ul.level_2 > li > a, .mod_navigation.sidebar ul.level_2 > li > strong { font-size: 21px; font-size: 2.1rem; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (min-width: 991px) { .mm-menu { display:none; } } @media only screen and (max-width: 991px) { .mod_navigation.main { display: none; } #header-top .mod_customnav { display: none; } .c-hamburger { display: block; } .mm-menu li.mm-listitem > a, .mm-menu li.mm-listitem > span { font-weight: 500; color:#fff; } .mm-listitem--selected > strong { padding-left:20px; padding-right:20px; padding-top:14px; padding-bottom:14px; font-weight: 500; color:#fff; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { .pagination { text-align: center; } .pagination > p { display: block; float: none; } .pagination > ul { display: block; float: none; } .pagination > ul > li { display: inline-block; float: none; } .pagination a, .pagination span { padding: 0.4em 0.8em; } } /* -------------------------------------------------------------------------------- * -------------------------------------------------------------------------------- * Author: Medienagentur Hallenberger * Andreas Lang * Version: 2.0, Oktober 2017 * -------------------------------------------------------------------------------- * ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- * Webfonts * ----------------------------------------------------------------------------- */ /* @font-face { font-family: "DINWeb"; font-weight: normal; src: url("../../files/themes/khwf/fonts/DINWeb.eot"); src: url("../../files/themes/khwf/fonts/DINWeb.eot?#iefix") format("embedded-opentype"), url("../../files/themes/khwf/fonts/DINWeb.woff") format("woff"), url("../../files/themes/khwf/fonts/DINWeb.svg#DINWeb") format("svg"); font-style: normal; } @font-face { font-family: "DINWeb-Bold"; font-weight: normal; src: url("../../files/themes/khwf/fonts/DINWeb-Bold.eot"); src: url("../../files/themes/khwf/fonts/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../../files/themes/khwf/fonts/DINWeb-Bold.woff") format("woff"), url("../../files/themes/khwf/fonts/DINWeb-Bold.svg#DINWeb-Bold") format("svg"); font-style: normal; } @font-face { font-family: "DINWeb-Cond"; font-weight: normal; src: url("../../files/themes/khwf/fonts/DINWeb-Cond.eot"); src: url("../../files/themes/khwf/fonts/DINWeb-Cond.eot?#iefix") format("embedded-opentype"), url("../../files/themes/khwf/fonts/DINWeb-Cond.woff") format("woff"), url("../../files/themes/khwf/fonts/DINWeb-Cond.svg#DINWeb-Cond") format("svg"); font-style: normal; } @font-face { font-family: "DINWeb-CondBold"; font-weight: normal; src: url("../../files/themes/khwf/fonts/DINWeb-CondBold.eot"); src: url("../../files/themes/khwf/fonts/DINWeb-CondBold.eot?#iefix") format("embedded-opentype"), url("../../files/themes/khwf/fonts/DINWeb-CondBold.woff") format("woff"), url("../../files/themes/khwf/fonts/DINWeb-CondBold.svg#DINWeb-CondBold") format("svg"); font-style: normal; } @font-face { font-family: "RockSolid Icons"; src: url("../../files/themes/khwf/fonts/rocksolid-icons.eot"); src: url("../../files/themes/khwf/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/themes/khwf/fonts/rocksolid-icons.woff") format('woff'), url("../../files/themes/khwf/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/themes/khwf/fonts/rocksolid-icons.svg") format('svg'); } */ /* -------------------------------------------------------------------------------- * Globals * ----------------------------------------------------------------------------- */ html { font-size: 62.5%; /* =10px */ } body { font-family: "futura-pt"; font-size: 16px; font-size: 1.6rem; font-weight: 400; } /* --- Typografie * ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { line-height: 1.125; font-weight: 600; } h1 { margin-top: 0; font-size: 36px; font-size: 3.6rem; } h1.headline-style-h2 { margin-top: 0; font-size: 24px; font-size: 2.4rem; } h2 { font-size: 24px; font-size: 2.4rem; } #footer-main h2 { margin-top: 15px; } h3 { font-size: 20.5px; font-size: 2.05rem; } h4 { font-size: 18px; font-size: 1.8rem; } h5.ce_headline_extendet, #right h5 { font-size: 18px; font-size: 1.8rem; } #right h5 { margin-top: 45px; border-bottom: 1px solid #d8d8d8; padding-bottom: 9px; } .ce_headline.invisible-headline { visibility: hidden; } .ce_headline_extendet { margin-top: 45px; } .ce_text + .ce_headline_extendet { margin-top: 75px; } .ce_headline_extendet span[data-icon] { float: left; position: relative; line-height: 1.2; margin-right: 6px; } /* .ce_headline.section.icon { background-repeat: no-repeat; background-position: left center; background-size: 16px 16px; padding-left: 24px; } .ce_headline.section.icon-nachrichten { background-image: url(../../files/themes/khwf/layout/icon_search.svg); } .ce_headline.section.icon-termine { background-image: url(../../files/themes/khwf/layout/icon_search.svg); } .ce_headline.section.icon-service { background-image: url(../../files/themes/khwf/layout/icon_search.svg); } .ce_headline.section.icon-themen { background-image: url(../../files/themes/khwf/layout/icon_search.svg); } */ a { color: #0063a6; text-decoration:none; } #main .ce_text a, .video_container p a, .widget-explanation p a{ text-decoration: underline; } a:focus, a:hover { color: #00538b; text-decoration:none; outline: none; } b, strong { font-weight: 600; } th { font-weight: 600; } [data-icon]:before { content: attr(data-icon); /* font: 1em/1 "RockSolid Icons"; */ font: 1em/1 "icomoon"; } /* --- Text m/Bild * ---------------------------------------- */ p { -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } p:last-child { margin-bottom: 0; } .ce_text.leading-text.first { margin-top: 0; } .ce_text.leading-text > h1 { margin-top: 0; font-size: 24px; font-size: 2.4rem; } .ce_text.leading-text > p { font-size: 18px; font-size: 1.8rem; font-weight: 600; } .ce_text.leading-text > p:last-child { margin-bottom: 45px; } #header .ce_image { position: relative; } #header .ce_image:before { content: ""; background-color: rgb(0,99,166); background-color: rgba(0,99,166,0.8); width: 100%; height: 85px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1000; } #header .ce_image h6 { float: right; position: absolute; bottom: 0; right: 0; width: 100%; color: #ffffff; font-size: 21px; font-size: 2.1rem; line-height: 85px; margin-bottom: 0; z-index: 1000; margin: 0; text-align: right; padding-right: 85px; } #header .ce_image > .image_container:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 0; } #header .ce_image .caption { background-image: url(../../files/themes/khwf/layout/icon_down_white.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: right center; padding-right: 36px; float: left; position: absolute; bottom: 0; left: 0; width: auto; max-width: 75%; color: #ffffff; font-size: 36px; font-size: 3.6rem; font-weight: 600; line-height: 85px; text-transform: uppercase; margin-bottom: 0; padding-left: 85px; z-index: 1000; } /* --- Buttons * ---------------------------------------- */ button, input[type=submit], .button { padding: unset; margin:unset; border-radius: 0; border:unset; background: unset; transition: unset; -moz-transition:unset; -o-transition:unset; } .more, .back, .submit_container { margin-top: 30px; } .more > a, .back > a, .ce_hyperlink > a, input[type="submit"], #cookiebar button, button, form button, input[type=submit], .button{ background-image: none; font-size: 14px; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .more > a, .ce_hyperlink > a { background-image: url(../../files/themes/khwf/layout/icon_more_blue.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: right center; padding-right: 16px; } .back > a { background-image: url(../../files/themes/khwf/layout/icon_back_blue.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: left center; padding-left: 16px; } #footer-main .ce_hyperlink > a { background-image: url(../../files/themes/khwf/layout/icon_more_white.svg); } input[type="submit"], #cookiebar button, button, form button, input[type=submit], .button { background-color: #0063a6; border: 1px solid #0063a6; color: #fff; display: inline-block; line-height: 1.2; padding: 0.5em 1em; height: auto; -webkit-transition: background-color ease 0.5s; -moz-transition: background-color ease 0.5s; transition: background-color ease 0.5s; border-radius: 0px; } input[type="submit"]:hover, #cookiebar button:hover, button:hover, button:hover, form button:hover, input[type=submit]:hover, .button:hover{ background-color: #023771; border: 1px solid #023771; -webkit-transition: background-color ease 0.5s; -moz-transition: background-color ease 0.5s; transition: background-color ease 0.5s; } /* --- Listen, Tabellen * ---------------------------------------- */ .ce_text ul, .ce_list ul { list-style-type:disc; } .ce_text li, .ce_list li { margin-left:1.5em; } .ce_text:not(:first-child), .ce_table:not(:first-child) { margin-top: 30px; } .ce_text:not(:last-child), .ce_table:not(:last-child) { margin-bottom: 30px; } .ce_text table, .ce_table table { width: 100%; } .ce_table table th, .ce_table table td { padding: 0.5em; } .ce_table table thead tr { background-color: rgb(237,237,237); } .ce_table.table-styling-v1 table thead tr { background-color: rgb(0,99,166); color: #fff; } .ce_table.table-styling-v2 table thead tr { background-color: rgb(230,0,109); color: #fff; } .ce_table table tbody tr:not(.row_first), .ce_table table tfoot tr { border-top: 1px solid #d8d8d8; } .ce_table table tfoot td { font-weight: 600; } .ce_table.table-striped tr { border: 0!important; } .ce_table.table-striped tr.odd { background-color: rgb(237,237,237); } .ce_table.table-styling-v1.table-striped tr.odd { background-color: rgba(0,99,166,0.1); } .ce_table.table-styling-v2.table-striped tr.odd { background-color: rgba(230,0,109,0.1); } /* --- Downloads * ---------------------------------------- */ .ce_download, .ce_downloads { margin-top: 30px; } .ce_download a .size, .ce_downloads a .size { font-size: 14px; font-size: 1.4rem; } .ce_download { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 0.5em; } .ce_downloads li { border-bottom: 1px solid #e8e8e8; padding: 0.5em; } /* --- Formulare * ---------------------------------------- */ /*.widget + .widget { margin-top: 15px; }*/ fieldset { border: 1px solid #d8d8d8; margin: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), select, textarea { padding: 0.25em 0.5em; border: 1px solid #d8d8d8; border-radius: 0; box-shadow: 0 0 0; width: 100%; } input[type="submit"] { border-radius: 0; box-shadow: 0 0 0; } .widget-text { width: 100%; } .widget-captcha { padding: 2rem; background-color: #f3f3f3; margin-top: 3rem; margin-bottom: 3rem; } .widget-captcha label { color: #0063a6; } /* Login, Newsletter ---------- */ /* -------------------------------------------------------------------------------- * Layout * ----------------------------------------------------------------------------- */ .ce_text .image_container.float_left { float: left; position: relative; } .ce_text .image_container.float_right { float: right; position: relative; } .ce_text .content_container { overflow: hidden; } .ce_text.columns { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 45px; /* Chrome, Safari, Opera */ -moz-column-gap: 45px; /* Firefox */ column-gap: 45px; -webkit-column-rule: 1px solid #e7e7e7; /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid #e7e7e7; /* Firefox */ column-rule: 1px solid #e7e7e7; } /* --- Innungen * ---------------------------------------- */ #baecker-innung .ce_image.first, #dachdecker-innung .ce_image.first, #elektro-innung .ce_image.first, #fachinnung-fuer-sanitaer-heizungs-und-klimatechnik .ce_image.first, #fleischer-innung .ce_image.first, #friseur-innung .ce_image.first, #innung-fuer-das-bauhandwerk .ce_image.first, #innung-des-kraftfahrzeuggewerbes .ce_image.first, #maler-und-lackierer-innung .ce_image.first, #metall-innung .ce_image.first, #tischler-innung .ce_image.first, #zimmerer-innung .ce_image.first { position: relative; } #baecker-innung .ce_image.first h1, #dachdecker-innung .ce_image.first h1, #elektro-innung .ce_image.first h1, #fachinnung-fuer-sanitaer-heizungs-und-klimatechnik .ce_image.first h1, #fleischer-innung .ce_image.first h1, #friseur-innung .ce_image.first h1, #innung-fuer-das-bauhandwerk .ce_image.first h1, #innung-des-kraftfahrzeuggewerbes .ce_image.first h1, #maler-und-lackierer-innung .ce_image.first h1, #metall-innung .ce_image.first h1, #tischler-innung .ce_image.first h1, #zimmerer-innung .ce_image.first h1 { position: absolute; margin: 15px 0 15px 180px; } #baecker-innung .ce_image.first .image_container, #dachdecker-innung .ce_image.first .image_container, #elektro-innung .ce_image.first .image_container, #fachinnung-fuer-sanitaer-heizungs-und-klimatechnik .ce_image.first .image_container, #fleischer-innung .ce_image.first .image_container, #friseur-innung .ce_image.first .image_container, #innung-fuer-das-bauhandwerk .ce_image.first .image_container, #innung-des-kraftfahrzeuggewerbes .ce_image.first .image_container, #maler-und-lackierer-innung .ce_image.first .image_container, #metall-innung .ce_image.first .image_container, #tischler-innung .ce_image.first .image_container, #zimmerer-innung .ce_image.first .image_container { float: left; } #baecker-innung .ce_text, #dachdecker-innung .ce_text, #elektro-innung .ce_text, #fachinnung-fuer-sanitaer-heizungs-und-klimatechnik .ce_text, #fleischer-innung .ce_text, #friseur-innung .ce_text, #innung-fuer-das-bauhandwerk .ce_text, #innung-des-kraftfahrzeuggewerbes .ce_text, #maler-und-lackierer-innung .ce_text, #metall-innung .ce_text, #tischler-innung .ce_text, #zimmerer-innung .ce_text { padding-right: 16.6667%; } #baecker-innung .ce_rsce_contact_innung, #dachdecker-innung .ce_rsce_contact_innung, #elektro-innung .ce_rsce_contact_innung, #fachinnung-fuer-sanitaer-heizungs-und-klimatechnik .ce_rsce_contact_innung, #fleischer-innung .ce_rsce_contact_innung, #friseur-innung .ce_rsce_contact_innung, #innung-fuer-das-bauhandwerk .ce_rsce_contact_innung, #innung-des-kraftfahrzeuggewerbes .ce_rsce_contact_innung, #maler-und-lackierer-innung .ce_rsce_contact_innung, #metall-innung .ce_rsce_contact_innung, #tischler-innung .ce_rsce_contact_innung, #zimmerer-innung .ce_rsce_contact_innung { margin: 60px 0!important; } /* --- Helper Classes * ---------------------------------------- */ .align-center { text-align:center; } /* -------------------------------------------------------------------------------- * Module * ----------------------------------------------------------------------------- */ /* --- Nachrichten * ---------------------------------------- */ .mod_newslist > .row > .layout_latest, .mod_newslist > .row > .layout_short, .mod_newslist > .row > .layout_simple { padding-left: 15px; padding-right: 15px; } .mod_newslist .empty { padding-left: 15px; padding-right: 15px; } .mod_newslist > .row > .layout_latest, .mod_newslist > .row > .layout_short { margin-bottom: 30px; } .mod_newslist h2 { font-weight: 600; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; margin-top: 0; margin-bottom: 20px; } .mod_newslist h2 > a { color: #000000; } .mod_newslist .info { color: #858585; } .mod_newslist .teaser { line-height: 1.5; } .mod_newslist .info + h2 { margin-top: 0; } /* Newslist ---------- */ .mod_newslist.newslist .layout_latest > .image_container { float: left; margin-right: 30px; max-width: 50%; position: relative; } .mod_newslist.newslist .layout_latest > .content_container { overflow: hidden; } /* Newsgrid ---------- */ .mod_newslist.newsgrid > .row > .layout_latest { float: left; position: relative; } .mod_newslist.newsgrid.newsgrid-2 > .row > .layout_latest { width: 50%; } .mod_newslist.newsgrid.newsgrid-3 > .row > .layout_latest { width: 33.3333%; } .mod_newslist.newsgrid.newsgrid-4 > .row > .layout_latest { width: 25%; } .mod_newslist.newsgrid .layout_latest > .content_container { padding: 30px 0 0; } .mod_newslist.newsgrid .layout_latest .more { margin-top: 30px; } /* Newsreader ---------- */ .mod_newsreader .image_container { margin-bottom: 30px; } /* --- Events * ---------------------------------------- */ .mod_eventlist { margin-bottom: 15px; margin-top: 15px; } .mod_eventlist.boxed { padding: 30px 25px; background-color: rgb(237,237,237); } .mod_eventlist h2 { font-size: 18px; font-size: 1.8rem; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; margin-top: 0; } .mod_eventlist.eventlist.latest h2, .mod_eventlist.eventlist.latest .time { margin-bottom: 5px; } .mod_eventlist.eventlist.latest p { font-size: 14px; font-size: 1.4rem; line-height: 1.2; } /* Eventlist ---------- */ .mod_eventlist.eventlist-archiv { /* -webkit-columns: 2; -moz-columns: 2; columns: 2; */ } .mod_eventlist.eventlist-archiv > .event { float: left; width: 50%; } .mod_eventlist.eventlist-archiv > .event:nth-child(2n+1) { clear: both; } .mod_eventlist .layout_list, .mod_eventlist .layout_teaser { margin-bottom: 25px; overflow: hidden; } .mod_eventlist .layout_list:last-child, .mod_eventlist .layout_teaser:last-child { margin-bottom: 0; } .mod_eventlist .header { background-color: rgb(230,0,109); color: #ffffff; float: left; clear: left; margin-right: 20px; padding: 0.5em; text-align: center; line-height: 1; width: 85px; } .mod_eventlist .header > .date { display: block; } .mod_eventlist .header .date > .day { display: block; font-weight: 600; font-size: 32px; font-size: 3.2rem; line-height: 1; } .mod_eventlist .header .date > .month { display: block; font-weight: 500; line-height: 1; } .mod_eventlist .layout_list > .content, .mod_eventlist .layout_teaser > .content { overflow: hidden; } .mod_eventlist.eventlist-archiv h2 { margin-bottom: 0; } .mod_eventlist.eventlist-archiv .location, .mod_eventlist.eventlist-archiv .dates { margin: 0 0 5px; } /* --- Tag-List ---*/ .tag_list { margin: 30px 0; } .tag_list > a { background-color: #0063a6; background-image: url(../../files/themes/khwf/layout/icon_more_white.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: right 12px center; display: inline-block; padding: 0.5em 2em 0.5em 1em; color: #ffffff; font-size: 14px; font-size: 1.4rem; font-weight: 600; line-height: 1; text-transform: uppercase; } /* --- RockSolid Slider * ---------------------------------------- */ .mod_rocksolid_slider .rsts-slide > div, .mod_rocksolid_slider .rsts-slide .item, .mod_rocksolid_slider .rsts-slide .image_container { height: 100%; } .mod_rocksolid_slider .image_container { position: relative; } .mod_rocksolid_slider .image_container:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); position: absolute; } .mod_rocksolid_slider .rsts-slide img { object-fit: cover; height: 100%; width: 100%; } body.ie .mod_rocksolid_slider .rsts-slide img { min-height: 100%; height: auto; max-height: none; min-width: 100%; width: auto; max-width: none; } .mod_rocksolid_slider .content_container { bottom: 0; height: 100%; left: 0; padding: 15px; position: absolute; right: 0; top: 0; width: 100%; } .mod_rocksolid_slider .content { display: block; margin: auto; max-width: 1600px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mod_rocksolid_slider .content span[data-icon] { float: left; position: relative; font-size: 18px; font-size: 1.8rem; line-height: 1.2; color: #fff; margin-right: 6px; } .mod_rocksolid_slider .content h2 { font-size: 54px; font-size: 5.4rem; font-weight: 700; text-transform: uppercase; max-width: 720px; margin-top: 20px; color: #fff; } .mod_rocksolid_slider .content h3 { font-size: 18px; font-size: 1.8rem; max-width: 720px; color: #fff; } .mod_rocksolid_slider .content p { font-size: 18px; font-size: 1.8rem; font-weight: 500; line-height: 1.25; max-width: 720px; color: #fff; } .mod_rocksolid_slider .content p.more > a { background-color: rgb(230,0,109); background-image: url(../../files/themes/khwf/layout/icon_more_white.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: right 16px center; display: inline-block; padding: 0.5em 2em 0.5em 1em; color: #ffffff; font-size: 18px; font-size: 1.8rem; font-weight: 600; line-height: 1; text-transform: uppercase; } .rsts-skin-default .rsts-nav { left: 0; right: 0; text-align: center; } .rsts-skin-default .rsts-nav li { display: inline-block; } .rsts-skin-default .rsts-nav-bullets a { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; background-color: #fff; width: 20px; height: 20px; border: 5px solid #fff; } .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color: #0063a6; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* --- YouTube * ---------------------------------------- */ .mejs-container { width: 100% !important; height: auto !important; padding-top: 56.25%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .video_container { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; } .video_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* --- Responsive Video * ---------------------------------------- */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 30px; margin-bottom: 65px; } .embed-container.ratio-cinema { padding-bottom: 42.5%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container .video-wall { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; background-color: rgb(237,237,237); color: #929292; padding: 68px 30px 30px; } .embed-container .video-wall h4 { padding: 10px 30px; color: #fff; text-align: left; position: absolute; top: 0; margin: 0; left: 0; right: 0; } .embed-container .video-wall button { padding: 10px 30px; margin-bottom: 15px; } .embed-container.youtube .video-wall h4, .embed-container.youtube .video-wall button { background-color: #e10000; border-color: #e10000; color: #ffffff; } .embed-container.youtube .video-wall button:hover { background-color: #e10000; border-color: #e10000; } .embed-container.vimeo .video-wall h4, .embed-container.vimeo .video-wall button { background-color: #00adef; border-color: #00adef; color: #ffffff; } .embed-container.vimeo .video-wall button:hover { background-color: #00adef; border-color: #00adef; } .embed-container .video-wall h4:before { content: "\f16a"; font-family: "FontAwesome"; font-weight: normal; padding-right: 0.5em; } /* --- Galerie * ---------------------------------------- */ .ce_gallery > .row > ul { overflow: hidden; } .ce_gallery > .row > ul li { float: left; padding-left: 15px; padding-right: 15px; } .ce_gallery > .row > ul.cols_2 li { width: 50%; } .ce_gallery > .row > ul.cols_3 li { width: 33.3333%; } .ce_gallery > .row > ul.cols_4 li { width: 25%; } .ce_gallery > .row > ul.cols_5 li { width: 20%; } .ce_gallery > .row > ul.cols_6 li { width: 16.6667%; } .ce_gallery > .row > ul.cols_8 li { width: 12.5%; } /* --- Accordions * ---------------------------------------- */ .ce_accordion { margin-bottom: 0!important; } .ce_accordion + .ce_accordion { margin-top: 10px!important; } .ce_accordion > .ui-accordion-header { padding: 0.5em; background-color: rgb(237,237,237); font-size: 18px; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; cursor: pointer; } .ce_accordion > .ui-accordion-header > .ui-accordion-header-icon:before { content: "\f067"; font-family: "FontAwesome"; font-weight: normal; float: right; padding: 0 0.5em; } .ce_accordion > .ui-accordion-header-active > .ui-accordion-header-icon:before { content: "\f068"; font-family: "FontAwesome"; font-weight: normal; } .ce_accordion.accordion-styling-v1 > .ui-accordion-header { background-color: rgb(0,99,166); color: #fff; } .ce_accordion.accordion-styling-v2 > .ui-accordion-header { background-color: rgb(230,0,109); color: #fff; } .ce_accordion > .ui-accordion-content { padding: 0.5em; } /* --- Suche * ---------------------------------------- */ .mod_search { margin-top: 30px; } .mod_search .widget-submit { margin-top:30px; } #header-top .mod_search { float: right; margin-top: 20px; height: 56px; display: block; margin-right: 20px; position: relative; } #header-top .mod_search form { margin: 0; } .mod_search .formbody { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .mod_search input[type="submit"] { padding: 0.5em 2em; } #header-top .mod_search input[type="submit"] { background-image: url(../../files/themes/khwf/layout/icon_search.svg); background-color: transparent; border: transparent; background-repeat: no-repeat; background-position: center center; background-size: 32px 32px; width: 32px; height: 56px; text-indent: -9999em; } #header-top .mod_search input[type="submit"]:hover { background-position: center center; } /* -------------------------------------------------------------------------------- * Custom Elements * ----------------------------------------------------------------------------- */ /* --- MHCE Columns * ---------------------------------------- */ /* .mhce_columns .column { margin-bottom: 30px; } */ /* --- MHCE Boxes * ---------------------------------------- */ .ce_headline.section + .mhce_boxes { margin-top: 0; } #right .mhce_boxes { margin-top: 45px; } .mhce_columns .mhce_boxes, .mhce_columns .mhce_boxes > .row { height: 100%; } .mhce_boxes > .row > .item { float: left; padding: 0 15px 30px 15px; width: 100%; height: 100%; } .mhce_boxes.boxgrid-2 > .row > .item { width: 50%; } .mhce_boxes.boxgrid-3 > .row > .item { width: 33.3333%; } .mhce_boxes.boxgrid-4 > .row > .item { width: 25%; } .mhce_boxes h2, .mhce_boxes h3 { -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } /* Box Layout default ---------- */ .mhce_boxes.box-layout-v1 .item > .inside, .mhce_boxes.box-layout-v2 .item > .inside, .mhce_boxes.box-layout-v3 .item > .inside { padding: 30px 25px; display: block; position: relative; height: 100%; } .mhce_boxes.box-layout-v1 .item.box-styling-default > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-default > .inside { background-color: rgb(237,237,237); color: #000; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mhce_boxes.box-layout-v1 .item.box-styling-default:hover > .inside, .mhce_boxes.box-layout-v1 .item.box-styling-default:focus > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-default:hover > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-default:focus > .inside { background-color: rgb(0,99,166); color: #fff; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mhce_boxes.box-layout-v1 .item.box-styling-default:hover > .inside .more > a, .mhce_boxes.box-layout-v1 .item.box-styling-default:focus > .inside .more > a, .mhce_boxes.box-layout-v2 .item.box-styling-default:hover > .inside .more > a, .mhce_boxes.box-layout-v2 .item.box-styling-default:focus > .inside .more > a { background-image: url(../../files/themes/khwf/layout/icon_more_white.svg); background-size: 12px 12px; background-repeat: no-repeat; color: #fff; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mhce_boxes.box-layout-v1 .item.box-styling-v2 > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-v2 > .inside { background-color: rgb(0,99,166); color: #fff; } .mhce_boxes.box-layout-v1 .item.box-styling-v2:hover > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-v2:hover > .inside { background-color: rgba(0,99,166,0.8); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mhce_boxes.box-layout-v1 .item.box-styling-v3 > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-v3 > .inside { background-color: rgb(230,0,109); color: #fff; } .mhce_boxes.box-layout-v1 .item.box-styling-v3:hover > .inside, .mhce_boxes.box-layout-v2 .item.box-styling-v3:hover > .inside { background-color: rgba(230,0,109,0.8); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mhce_boxes.box-layout-v1 p, .mhce_boxes.box-layout-v2 p { font-size: 18px; font-size: 1.8rem; font-weight: 500; line-height: 1.25; } /* Box Layout v2 ---------- */ .mhce_boxes.box-layout-v1 > .row { margin-left: 0; margin-right: 0; } .mhce_boxes.box-layout-v1 > .row > .item { padding-left: 0; padding-right: 0; } .mhce_boxes.box-layout-v1 span[data-icon] { position: relative; font-size: 60px; font-size: 6rem; line-height: 1; } /* Box Layout v3 ---------- */ .mhce_boxes.box-layout-v2 span[data-icon] { float: left; position: relative; font-size: 18px; font-size: 1.8rem; line-height: 1.2; margin-right: 6px; } .mhce_boxes.box-layout-v2 h2 { font-size: 36px; font-size: 3.6rem; font-weight: 700; text-transform: uppercase; margin-top: 15px; } #right .mhce_boxes.box-layout-v2 h2 { font-size: 32px; font-size: 3.2rem; } .mhce_boxes.box-layout-v2 h3 { font-size: 18px; font-size: 1.8rem; font-weight: 500; } /* Box Layout v4 ---------- */ .mhce_boxes.box-layout-v3 h2 { font-size: 18px; font-size: 1.8rem; font-weight: 500; } .mhce_boxes.box-layout-v3 .item > .inside { border: 2px solid #d8d8d8; } /* --- MHCE Contact * ---------------------------------------- */ #main h2 + .ce_rsce_contact { margin-top: 15px; } #main .ce_rsce_contact { margin-bottom: 30px; margin-top: 30px; } .ce_rsce_contact > .row > .item { float: left; padding-left: 15px; padding-right: 15px; width: 100%; } .ce_rsce_contact.grid-3 > .row > .item { width: 33.333%; } .ce_rsce_contact.grid-4 > .row > .item { width: 25%; } .ce_rsce_contact.grid-5 > .row > .item { width: 20%; } .ce_rsce_contact.ansprechpartner h3.name, .ce_rsce_contact.ansprechpartner h4 { margin-bottom: 0.5em; margin-top: 0.5em; } /* --- MHCE Logos * ---------------------------------------- */ .mhce_logos { background-color: rgb(237,237,237); padding: 30px; } .mhce_logos.logos-large { margin-left: 25%; margin-right: 25%; } .mhce_logos .item { display: inline-block; text-align: center; height: 100%; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: -2px; margin-right: -2px; } .mhce_logos.grid-items-2 .item { width: 50%; } .mhce_logos.grid-items-3 .item { width: 33.3333%; } .mhce_logos.grid-items-4 .item { width: 25%; } .mhce_logos.grid-items-5 .item { width: 20%; } .mhce_logos.grid-items-6 .item { width: 16.6667%; } .mhce_logos.grid-items-8 .item { width: 12.5%; } .mhce_logos.logos-large .item { max-width: 50%; } .mhce_logos .item > a, .mhce_logos .item > a > .image_container { height: 100%; width: 100%; display: block; } .mhce_logos .item .image_container.mouseover { display: none; } .mhce_logos .item:hover .image_container.mouseover { /* display: block; */ } .mhce_logos .item .image_container.active { /* opacity: 0.5; */ } .mhce_logos .item:hover .image_container.active { /* display: none; */ } .mhce_logos .item .image_container img { -webkit-filter: grayscale(100%); filter: url(data:image/svg+xml;utf8,#grayscale); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .mhce_logos .item:hover .image_container img { filter: none; } /* -------------------------------------------------------------------------------- * MetaModels * ----------------------------------------------------------------------------- */ /* --- MetaModel Listen * ---------------------------------------- */ .ce_metamodel_content:not(.mm_layout-list) .item { margin-bottom: 30px; } .ce_metamodel_content .item > .field > .label { float: left; width: 125px; padding-right: 5px; font-weight: 500; } .ce_metamodel_content.result_list .item { position: relative; padding: 30px 25px; } .ce_metamodel_content.result_list .item.even { background-color: rgb(246,246,246); } .ce_metamodel_content.result_list .kh_innungsbetrieb_name .label { display: none; } .ce_metamodel_content.result_list .kh_innungsbetrieb_name { font-size: 24px; font-size: 2.4rem; font-weight: 600; } .ce_metamodel_content.result_list .actions { position:absolute; background-image: url(../../files/themes/khwf/layout/icon_more_blue.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: right center; padding-right: 16px; font-size: 14px; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; right: 30px; bottom: 25px; display: none !important; } .ce_metamodel_content .item > .field { clear: both; display: block; width: 100%; } .ce_metamodel_content.layout-table .item { -webkit-display: flex; -moz-display: flex; display: flex; width: 100%; margin: 0; padding: 5px; } .ce_metamodel_content.layout-table .item > .field { -moz-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .ce_metamodel_content.layout-table .item > .field.mm_name { max-width: 240px; width: 100%; font-weight: 600; } .ce_metamodel_content.layout-table .item > .field.mm_abteilung { max-width: 360px; width: 100%; } .ce_metamodel_content.layout-table .item > .field.mm_telefon, .ce_metamodel_content.layout-table .item > .field.mm_telefax, .ce_metamodel_content.layout-table .item > .field.mm_mobile { max-width: 150px; width: 100%; } .ce_metamodel_content.layout-table .item > .field span.text { width: 100%; } .ce_metamodel_content.layout-table .item.even { background-color: rgb(237,237,237); } .ce_metamodels_frontendfilter.search-form form { overflow: hidden; padding: 30px 25px; background-color: rgb(237,237,237); } .ce_metamodels_frontendfilter.search-form .formbody { margin: 0 -15px; } .ce_metamodels_frontendfilter.search-form .formbody > .widget { float: left; width: 33.3333%; padding: 0 15px; margin: 0 0 15px; } .ce_metamodels_frontendfilter.search-form .formbody > .submit_container { clear: both; margin: 0; padding: 0 15px; } .ce_metamodels_frontendfilter.kachelfilter label[for=ctrl_auto_item], .ce_metamodels_frontendfilter.kachelfilter .doNotFilter { display:none; } .mod_customnav.grid ul, .ce_metamodels_frontendfilter.kachelfilter ul { margin: 0 -15px; padding: 0; list-style-type: none; } .mod_customnav.grid li, .ce_metamodels_frontendfilter.kachelfilter li { position: relative; float: left; padding: 0 15px 30px 15px; width: 25%; } .mod_customnav.grid li > a, .ce_metamodels_frontendfilter.kachelfilter li > a { position: relative; display: block; background-color: rgb(237,237,237); background-image: url(../../files/themes/khwf/layout/icon_more_blue.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: bottom 25px right 20px; color: #000; padding: 30px 25px; } #article-138 .mod_customnav.grid li > a, #article-138 .ce_metamodels_frontendfilter.kachelfilter li > a { height: 220px; } .mod_customnav.grid li > a:after, .ce_metamodels_frontendfilter.kachelfilter li > a:after { content: ""; display: block; padding-top: 33.3333%; } .mod_customnav.grid li > a:hover, .ce_metamodels_frontendfilter.kachelfilter li > a:hover { background-color: rgb(0,99,166); background-image: url(../../files/themes/khwf/layout/icon_more_white.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: bottom 25px right 20px; color: #fff; } .mod_customnav.grid li > a, .ce_metamodels_frontendfilter.kachelfilter li .content { font-size: 21px; font-size: 2.1rem; font-weight: 600; line-height: 1.125; } .ce_metamodels_frontendfilter.kachelfilter li .content span.count { display: none; } /* -------------------------------------------------------------------------------- * Sonstiges * ----------------------------------------------------------------------------- */ .mod_login table tr { display: block; } .mod_login table tr + tr { margin-top: 15px; } .mod_login table tr > td.col_first { width: 150px; } .mod_login .submit_container { margin-top: 15px; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Extra Large devices - Widescreen // xl * ---------------------------------------- */ @media only screen and (max-width: 1600px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #header .ce_image:before { height: 60px; } #header .ce_image h6 { line-height: 60px; padding-right: 20px; } #header .ce_image .caption { font-size: 27px; font-size: 2.7rem; line-height: 60px; padding-left: 20px; background-size: 18px; padding-right: 24px; } .mhce_boxes.box-layout-v2 h2 { font-size: 30px; font-size: 3rem; } .mhce_boxes.box-layout-v1 span[data-icon] { font-size: 54px; font-size: 5.4rem; } .mod_customnav.grid li, .ce_metamodels_frontendfilter.kachelfilter li { width: 33.3333%; } .mod_customnav.grid li:nth-child(3n+1), .ce_metamodels_frontendfilter.kachelfilter li:nth-child(3n+1) { clear: both; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mod_eventlist.boxed { padding: 25px 20px; } .mod_eventlist .header { float: none; width: 100%; text-align: left; margin-bottom: 5px; } .mod_eventlist .header .date > .day, .mod_eventlist .header .date > .month { font-size: 16px; font-size: 1.6rem; display: inline; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #header-top .mod_search { display: none; } #header .ce_image h6 { display: none; } #header .ce_image .caption { font-size: 24px; font-size: 2.4rem; } .mhce_boxes.box-layout-v1 span[data-icon] { font-size: 48px; font-size: 4.8rem; } .mod_customnav.grid li, .ce_metamodels_frontendfilter.kachelfilter li { width: 50%; } .mod_customnav.grid li:nth-child(3n+1), .ce_metamodels_frontendfilter.kachelfilter li:nth-child(3n+1) { clear: none; } .mod_customnav.grid li:nth-child(2n+1), .ce_metamodels_frontendfilter.kachelfilter li:nth-child(2n+1) { clear: both; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { html { font-size: 56.25%; } #header .ce_image:before { height: 45px; } #header .ce_image .caption { font-size: 18px; font-size: 1.8rem; line-height: 45px; background-size: 12px; padding-right: 18px; } .mod_newslist.newsgrid.newsgrid-2 > .row > .layout_latest, .mod_newslist.newsgrid.newsgrid-3 > .row > .layout_latest, .mod_newslist.newsgrid.newsgrid-4 > .row > .layout_latest { width: 100%; } .mhce_boxes.boxgrid-2 > .row > .item, .mhce_boxes.boxgrid-3 > .row > .item, .mhce_boxes.boxgrid-4 > .row > .item { width: 100%; } .mhce_boxes.box-layout-v1 span[data-icon] { font-size: 36px; font-size: 3.6rem; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { #header .ce_image:before { height: 35px; } #header .ce_image .caption { font-size: 15px; font-size: 1.5rem; line-height: 35px; padding-left: 10px; padding-right: 15px; background-size: 10px; } .mod_rocksolid_slider .content h2 { font-size: 36px; font-size: 3.6rem; } .mod_newslist.newslist .layout_latest > .image_container { display: block; float: none; margin-bottom: 30px; margin-right: 0; max-width: 100%; } .mod_customnav.grid li, .ce_metamodels_frontendfilter.kachelfilter li { width: 100%; } .mod_customnav.grid li:nth-child(2n+1), .ce_metamodels_frontendfilter.kachelfilter li:nth-child(2n+1) { clear: none; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../files/themes/default/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../files/themes/default/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../files/themes/default/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../files/themes/default/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../files/themes/default/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../files/themes/default/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @font-face { font-family: 'icomoon'; src: url('../../files/themes/khwf/fonts/icomoon.eot?zh709w'); src: url('../../files/themes/khwf/fonts/icomoon.eot?zh709w#iefix') format('embedded-opentype'), url('../../files/themes/khwf/fonts/icomoon.ttf?zh709w') format('truetype'), url('../../files/themes/khwf/fonts/icomoon.woff?zh709w') format('woff'), url('../../files/themes/khwf/fonts/icomoon.svg?zh709w#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-icon-01 .path1:before { content: "\e900"; color: rgb(208, 0, 78); } .icon-icon-01 .path2:before { content: "\e901"; margin-left: -1em; color: rgb(39, 98, 142); } .icon-icon-02:before { content: "\e902"; } .icon-icon-03:before { content: "\e903"; } .icon-icon-04:before { content: "\e904"; } .icon-icon-05:before { content: "\e905"; } .icon-icon-06:before { content: "\e906"; } .icon-icon-07:before { content: "\e907"; } .icon-icon-08:before { content: "\e908"; } .icon-icon-09:before { content: "\e909"; } .icon-icon-10:before { content: "\e90a"; } .icon-icon-11:before { content: "\e90b"; } .icon-icon-12:before { content: "\e90c"; } .icon-icon-13:before { content: "\e90d"; } .icon-icon-14:before { content: "\e90e"; } .icon-icon-15:before { content: "\e90f"; } .icon-icon-16:before { content: "\e910"; } .icon-icon-17:before { content: "\e911"; } .icon-icon_18:before { content: "\e912"; } /* -------------------------------------------------------------------------------- * -------------------------------------------------------------------------------- * Author: Medienagentur Hallenberger * Andreas Lang * Theme: Kreishandwerkerschaft Waldeck-Frankenberg * -------------------------------------------------------------------------------- * * --- Layout * --- Kopfzeile * --- Container * --- Fußzeile * --- Eigene Layoutbereiche * --- Artikel * --- Media Queries * * ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- * Layout * ----------------------------------------------------------------------------- */ #wrapper { background-color: #ffffff; } /* --- Kopfzeile * ---------------------------------------- */ #header-top > .inside, #header-main > .inside { display: block; max-width: 1630px; padding: 0 15px; margin: 0 auto; } /* Kopfzeile oberhalb ---------- */ #header-top > .inside { height: 145px; } #header-top .logo { display: block; float: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #header-top .logo > a { display: block; width: 100%; height: 100%; } #header-top .logo > a > img { display: block; width: 290px; height: 75px; } /* Kopfzeile ---------- */ #header-main { background-color: rgb(192,192,192); /*BFS*/ background-color: #0163a6; } #header-main > .inside { height: 65px; } #header-main .module.service-hotline { float: right; line-height: 65px; } #header-top .module.service-hotline { float: right; display: none; } #header-top .module.service-hotline > span, #header-main .module.service-hotline > span { display: block; color: #fff; font-weight: 600; font-size: 18px; font-size: 1.8rem; line-height: 35px; text-transform: uppercase; padding: 15px 0; } #header-top .module.service-hotline > span { color: #000000; } /* Kopfzeile unterhalb ---------- */ #slider.mod_rocksolid_slider { height: 100%; height: calc(95vh - 200px); width: 100%; } /* --- Hauptspalte * ---------------------------------------- */ /* Container ---------- */ #container { padding-left: 15px; padding-right: 15px; } body.sidebar #container { max-width: 1630px; margin: 0 auto; } body.sidebar #main { width: 75%; } #main > .inside { margin-left: -15px; margin-right: -15px; } body.sidebar #main > .inside { padding-right: 100px; } body.sidebar #left, body.sidebar #right { width: 25%; margin-top: 30px; } /* Section ---------- */ /* --- Fußzeile * ---------------------------------------- */ #footer, #footer a { color: #fff; } #footer-main > .inside, #footer-bottom > .inside { display: block; max-width: 1630px; padding: 0 15px; margin: 0 auto; z-index: 100; } /* Fußzeile oberhalb ---------- */ /* Fußzeile ---------- */ #footer-main { background-color: transparent; /*background-image: url("../../files/images/shutterstock_340576433.jpg");*/ background-repeat: no-repeat; background-size: cover; background-position: top 85% center; position: relative; /*BFS*/ background-color: #0163a6; } #footer-main:after { content: ""; background-color: rgba(0,99,166,0.8); position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } #footer-main > .inside { margin-top: 60px; margin-bottom: 60px; } #footer-main .ce_text { font-weight: 500; font-size: 17px; font-size: 1.7rem; line-height: 1.2; margin-top: 0; } /* Fußzeile unterhalb ---------- */ #footer-bottom { background-color: rgb(237,237,237); } #footer-bottom > .inside { margin-top: 15px; margin-bottom: 15px; } /* --- Sonstige Elemente * ---------------------------------------- */ #cookiebar { background-color: rgb(25, 25, 25); } /* -------------------------------------------------------------------------------- * Artikel * ----------------------------------------------------------------------------- */ .article-wrapper.article-bg-v1 { background-color: rgb(0,99,166); } .article-wrapper.article-bg-v2 { background-color: rgb(237,237,237); } .article-wrapper:not(.article-fullwidth) > .mod_article { max-width: 1630px; padding: 30px 15px; } .article-wrapper.article-fullwidth > .mod_article { max-width: 100%; } /* -------------------------------------------------------------------------------- * Globals * ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #header-main > .inside { height: 50px; } #header-top .module.service-hotline > span, #header-main .module.service-hotline > span { line-height: 20px; } body.sidebar #main > .inside { padding-right: 30px; } #header-main .module.service-hotline { display: none; } #header-top .module.service-hotline { display: block; margin: 20px 20px 0 0; position: relative; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #header-top > .inside { height: 110px; } #header-top .logo > a > img { width: 232px; height: 60px; } #header-top .logo_kampagne { display: none; } #header-main > .inside { height: 5px; } #header-top .module.service-hotline { display: block; top: 50%; margin: 0; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 80px; } #slider.mod_rocksolid_slider { height: 100%; height: calc(100vh - 115px); } body.sidebar #main { width: 66.6667%; } body.sidebar #left, body.sidebar #right { width: 33.3333%; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { #header-top > .inside { height: 90px; } #header-top .logo > a > img { width: 193px; height: 50px; } #header-top .module.service-hotline{ /*display: none;*/ right: 50px; } body.sidebar #main { width: 100%; } body.sidebar #main > .inside { padding-right: 0; } body.sidebar #left, body.sidebar #right { width: 100%; /* display: none; */ } #footer-main { background-position: center center; } #slider.mod_rocksolid_slider { height: 100%; height: calc(100vh - 100px); } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout { -webkit-transform: unset; transform: unset; } .ncoi---behind { z-index:9999; bottom:5rem; } .ncoi---behind .ncoi---container { border-radius:0px; border: 2px solid #0063a6; max-width:600px; width:90%; margin-bottom:40px; float:unset; margin-top: 5vh; text-align: center; margin-left: auto; margin-right: auto; } .ncoi---container { padding: 20px!important; } .ncoi---container .ncoi---hint { display: block; float: left; width: 100%; box-sizing: border-box; padding: .35rem .5rem; font-size: 14px!important; line-height: 24px; margin: 0; } .ncoi---container label.ncoi---sliding { font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---cookie-groups { display: flex; float: left; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-top: 0px solid grey!important; border-bottom: 0px solid grey!important; padding: 1rem 0; margin: 1rem 0; font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---actions .ncoi---action button { border-radius: 0px!important; font-size: 14px!important; height: 3rem!important; } .ncoi---container #ncoi---allowed--all { background: #0063a6; color: #fff; border: 1px solid #0063a6; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { background: white!important; color: #0063a6!important; border: 1px solid #0063a6!important; } .ncoi---container button:after{ content:""; } .ncoi---behind .ncoi---container .ncoi---cookie-groups { margin-bottom:24px; } .ncoi---behind .ncoi---footer { margin-top:24px; } .ncoi---behind .ncoi---container .ncoi---footer .ncoi---split, .ncoi---behind .ncoi---container .ncoi---footer a { font-size:1.4rem!important; color:#426173!important; } .ncoi---behind .ncoi---container .ncoi---footer a:hover { color:#0063a6!important; } .ncoi---behind .ncoi---table .ncoi---link { color:#426173!important; } .ncoi---container h2 { font-weight: 100; font-size: 24px!important; line-height: 23px!important; margin-top: 9px!important; margin-bottom: 9px!important; font-style: normal; font-weight: 400!important; margin-bottom: 35px!important; font-size: 1.5em!important; position:relative; } .ncoi---behind .ncoi---container .ncoi---table table tbody tr th, .ncoi---behind .ncoi---container .ncoi---table table tbody tr td { padding: .30rem .50rem; font-size: 1.2rem; line-height: 1.4rem; word-wrap: break-word; } .ncoi---behind .ncoi---container .ncoi---table table tbody { border-top: 1px solid grey; } .ncoi---blocked { min-height:500px; background-color:rgb(237,237,237); } .ncoi---blocked .ncoi---consent-box .ncoi---blocked-disclaimer { padding: 1rem; font-size: 1.75rem; } .ncoi---blocked .ncoi---consent-box { background-color:#474747; } .ncoi---blocked .ncoi---consent-box .ncoi---blocked-link button.ncoi---release { height: 4rem; padding: 0.75rem; padding-left:2rem; padding-right:2rem; font-size: 1.75rem; } .ncoi---blocked .ncoi--release-all { display:none; } .ncoi---actions { flex-wrap:wrap; } .ncoi---actions > div { width:50%; } .ncoi---actions > div:nth-child(1) { order:1; } .ncoi---actions > div:nth-child(3) { order:2; } .ncoi---actions > div:nth-child(2) { order:3; } .ncoi---actions > div:nth-child(4) { order:4; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { border:unset!important; border: unset!important; color: grey!important; text-align: right; } .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---infos--show:hover { text-align:left; } a.ncoi---revoke--button { cursor:pointer; } @media only screen and (max-width: 576px) { .ncoi---behind .ncoi---container { max-height:80vh; } .ncoi---actions > div { width:100%; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { text-align:center; } } .shop-checkoutpage #main { width:100%!important; } .shop-checkoutpage #main .inside { max-width: 1024px; margin-left: auto; margin-right: auto; } .shop-toolbar { display: flex; position: absolute; right: 0; width: 100px; align-items: center; gap: 1rem; height: 100%; } #header .linkitem-with-icon { position:relative; } #header .icon_cart { display: block; width: 36px; height: 36px; background-image: url("/files/themes/khwf/layout/paperbag-white_64px.png"); background-size: contain; } #header .icon_login { display: block; width: 36px; height: 36px; background-image: url("/files/themes/khwf/layout/user-white_64px.png"); background-size: contain; } .ce_hyperlink.shop-button { margin-top: 4rem; } .ce_hyperlink.shop-button a { background-color: rgb(230,0,109); display: inline-block; padding: 0.5em 2em 0.5em 1em; color: #ffffff; font-size: 16px; font-size: 1.8rem; font-weight: 600; line-height: 1; text-transform: unset; } .ce_hyperlink.shop-button.center { text-align: center; } .linkitem-with-icon.icon-cart1 { /*display: block;*/ width:28px; height:28px; position: relative; } .shop-toolbar .cart-q { position: absolute; background-color: rgb(230, 0, 109); border-radius: 36px; border: solid 2px #fff; width: 22px; font-weight: 600; color: #fff; text-align: center; font-size: 14px; height: 22px; top: -4px; right: -6px; display: flex; justify-content: center; align-items: center; font-family: "futura-pt"; } .shop-toolbar .cart-q.q0 { display:none; } .shop-toolbar .module.service-hotline a { padding: unset; width:28px; height:28px; width: 38px; height: 40px; } .categoryPage.sidebar #main { width: 100%!important; } .categoryPage.sidebar #main { padding-top: 6rem; padding-bottom: 6rem; } .categoryPage.sidebar #main > .inside { padding-right: unset!important; } .small-pricehint { font-size: 1.5rem; font-weight: 300; } .mod_iso_productlist .product_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-auto-rows: 1fr; gap: 3rem; } .categoryPage .mod_iso_productlist .product_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-auto-rows: 1fr; gap: 3rem; } .mod_iso_productlist .product_list .product { display: flex; align-items: stretch; background-color: rgb(237, 237, 237); } .mod_iso_productlist .product_list .product .product-info-container { padding: 2rem; } .mod_iso_productlist .product_list .product form { margin: unset!important; padding: unset!important; } .mod_iso_productlist .product_list .product .sku, .mod_iso_productlist .product_list .product .details { display: none; } .mod_iso_productlist .product_list .product .offer { font-weight: 700; margin-top: 1rem; font-size: 1.75rem; } .mod_iso_productlist .product_list .product .product-info-container .submit_container { display: grid; grid-template-columns: 80px 200px 1fr; gap: 1rem; } .mod_iso_productlist .product_list .product .product-info-container .submit_container label { display: none; } .mod_iso_productreader .product .product-grid { margin-top: 4rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5em; margin-bottom: 12rem; } .mod_iso_productreader .product .product-grid .sku { margin-bottom: 1.5rem; color:darkgray; } .mod_iso_productreader .product .product-grid .description { font-size: 18px; } .mod_iso_productreader .product .product-grid .price { font-size: 24px; font-weight: 600; margin-top: 2rem; } .mod_iso_productreader .product .product-grid .pricehint { font-size: 14px; color:grey; } .mod_iso_productreader .product .product-grid .submit_container label { display: none; } .mod_iso_productreader .product .product-grid .submit_container { display: grid; grid-template-columns: 80px 200px 1fr; gap: 1rem; } .mod_iso_productreader .product .product-grid .submit_container .add_to_cart { background-color: rgb(230, 0, 109); border: unset; } .mod_iso_checkout .orderproducts table, .mod_iso_orderdetails > table{ margin-top: 3rem; } .mod_iso_checkout .orderconditions { margin-top: 3rem; } .mod_iso_cart table tbody tr .name, .mod_iso_checkout .orderproducts table tbody tr .name, .mod_iso_orderdetails > table tbody tr .name{ font-weight: 600; } .mod_iso_cart table tr, .mod_iso_checkout .orderproducts table tr, .mod_iso_orderdetails > table tr{ display: grid; grid-template-columns: 100px 200px 50px 80px 80px 80px; grid-gap: 3rem; } .mod_iso_cart table tbody tr, .mod_iso_checkout .orderproducts table tbody tr, .mod_iso_orderdetails > table tbody tr { margin-bottom: 3rem; } .mod_iso_cart table .foot_last.total, .mod_iso_checkout .orderproducts table .foot_last.total, .mod_iso_orderdetails > table .foot_last.total { font-weight: 600; } .mod_iso_addressbook .buttons { position:absolute; right:2rem; top:2rem; } .mod_iso_cart .actions, .mod_iso_addressbook .buttons { display: flex; } .mod_iso_cart .actions .edit, .mod_iso_addressbook .buttons .edit { text-indent: -999rem; background-image: url("/files/themes/khwf/layout/edit-blue.png"); width:24px; height: 24px; display:block; background-size: contain; } .mod_iso_cart .actions .remove, .mod_iso_addressbook .buttons .delete { text-indent: -999rem; background-image: url("/files/themes/khwf/layout/trash-blue.png"); width:24px; height: 24px; display:block; background-size: contain; } .mod_iso_checkout .steps ol li.passed { opacity: 0.6; } .mod_iso_checkout .steps ol li.passed::marker { color:#0163a6; } .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod { margin:0; padding:0; } .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod > span { display:block; margin-bottom: 2rem; } .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod input[type=radio], .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod input[type=checkbox], .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod label { vertical-align: middle; margin-top: -3px; } .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod label { font-weight: 600; } .mod_iso_checkout #iso_mod_checkout_payment #ctrl_paymentmethod label .note p { font-weight: 400; } .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_shippingmethod { margin:0; padding:0; } .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_shippingmethod > span { display:block; margin-bottom: 2rem; } .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_shippingmethod input[type=radio], .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_paymentmethod input[type=checkbox], .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_paymentmethod label { vertical-align: middle; margin-top: -3px; } .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_shippingmethod label { font-weight: 600; } .mod_iso_checkout #iso_mod_checkout_shipping #ctrl_shippingmethod label .note p { font-weight: 400; } .mod_iso_checkout fieldset { border-width: 0; } .mod_iso_checkout #ctrl_billingaddress { display: flex; } .mod_iso_checkout #ctrl_billingaddress span:first-child input { float: left; margin-top: 4px; margin-left: -5px; } .mod_iso_checkout #ctrl_billingaddress .vcard { margin-left: 2rem; margin-right: 6rem; } .mod_iso_checkout .steps ol { display: flex; gap: 3rem; } .mod_iso_checkout .steps ol li { margin-left: 2rem; font-weight: 600; } .mod_iso_checkout .steps ol li.active { color:#0163a6; } .mod_iso_addressbook > div { background-color: rgb(237, 237, 237); padding:2em; padding-right:4rem; margin-bottom: 3rem; position:relative; } .review .info_container { border-top: 1px solid #0163a6; margin-top: 4rem; padding-top: 2rem; margin-bottom: 4rem; position: relative; } .review .info_container .edit { position: absolute; top: calc(2rem + 20px); right: 0; text-indent: -99999rem; width: 28px; height: 28px; display: block; background-image: url("/files/themes/khwf/layout/edit-blue.png"); width:24px; height: 24px; display:block; background-size: contain; } /* FORMS */ .mod_iso_cart input[type="submit"], .mod_iso_checkout input[type="submit"] { background-color:rgb(230, 0, 109); border-color:rgb(230, 0, 109); margin-right: 1rem; } /* Checkbox-Styling */ #iso_mod_checkout_review input[type="checkbox"] { appearance: none; /* Standarddarstellung abschalten */ -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; border: 2px solid #0163a6; /* blauer Rahmen */ border-radius: 0px; /* eckig, leicht abgerundet */ display: inline-block; position: relative; cursor: pointer; vertical-align: middle; } /* Haken bei aktivierter Checkbox */ #iso_mod_checkout_review input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #0163a6; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Fokus-Effekt (Tab-Taste) */ #iso_mod_checkout_review input[type="checkbox"]:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,123,255,0.25); } .mod_iso_messages { margin-bottom: 2rem; } .quantity input { text-align: center; } p.error { color:rgb(230, 0, 109); margin-bottom: 4px; } .mod_iso_orderhistory table + table { display:block; margin-top:8rem; padding-top:4rem; border-top: 1px solid #0163a6; } .mt6{ margin-top:6rem; } .mb6{ margin-bottom:6rem;} .mt12{ margin-top:12rem; } .mb12{ margin-bottom:12rem;} .contentpage.sidebar.account #container { max-width: 1280px; margin-left: auto; margin-right: auto; } body.sidebar.account #left { width: 25%; margin-top: 0px; position: absolute; top: 30px; margin-left:0; } body.sidebar.account #left .mod_navigation { margin-top: 6rem; } body.sidebar.account #left .mod_navigation ul li { font-weight: 600; margin-bottom:1rem; } body.sidebar.account #main { width: 75%; margin-left: 25%; } @media only screen and (max-width: 767px) { .mod_iso_checkout .steps li.review { display:none; } } @media only screen and (max-width: 991px) { .shop-toolbar { display: flex; position: absolute; right: 40px; width: 100px; align-items: center; gap: 1rem; height: 50px; top: -80px; } #header .icon_cart { display: block; width: 36px; height: 36px; background-image: url("/files/themes/khwf/layout/paperbag-blue_64px.png"); background-size: contain; } #header .icon_login { display: block; width: 36px; height: 36px; background-image: url("/files/themes/khwf/layout/user-blue_64px.png"); background-size: contain; } } @media only screen and (max-width: 544px) { .mod_iso_checkout .steps ol li { list-style: none; margin-left:0px; } .mod_iso_cart table tr, .mod_iso_checkout .orderproducts table tr, .mod_iso_orderdetails > table tr { display: grid; grid-template-columns: 70px 120px 41px 49px 50px 50px; grid-gap: 1rem; } .mod_iso_cart table tbody tr > *:nth-child(1), .mod_iso_checkout .orderproducts table tbody tr > *:nth-child(1), .mod_iso_orderdetails > table tbody tr > *:nth-child(1) { display: none; } .mod_iso_cart table tfoot tr > *:nth-child(1), .mod_iso_checkout .orderproducts table tfoot tr > *:nth-child(1), .mod_iso_orderdetails > table tfoot tr > *:nth-child(1) { display: none; } .mod_iso_cart table tbody tr > *:nth-child(2), .mod_iso_checkout .orderproducts table tbody tr > *:nth-child(2), .mod_iso_orderdetails > table tbody tr > *:nth-child(2) { grid-column: 1 / -1; } .mod_iso_cart table, .mod_iso_checkout .orderproducts table, .mod_iso_orderdetails > table { margin-left:0rem; } .mod_iso_checkout #ctrl_billingaddress { display: block; } .mod_iso_checkout #ctrl_billingaddress > span { margin-bottom: 3rem; display: block; } .mod_iso_checkout fieldset { padding-left: unset; } }