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%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{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}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} 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%} /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px; } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-header > a { text-decoration: none; display: block; padding: 10px 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-header .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-header .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-listview.mm-first { margin-top: -20px; } .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px; } .mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after { border-top: none; border-left: none; right: 20px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview > li.mm-spacer { padding-top: 40px; } .mm-listview > li.mm-spacer > .mm-next { top: 40px; } .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #fff; /*#f3f3f3;*/ color: rgba(0, 0, 0, 0.9); } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { min-height: 100vh; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight { max-height: 80%; } .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 0px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-listview > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(0, 0, 0, 0.7); background: #f3f3f3; } .mm-menu .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.7); color: #f3f3f3; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 50px; top: 50%; } em.mm-counter + a.mm-next { padding-left: 40px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 20px; position: absolute; z-index: 3; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-hasfooter > .mm-panel { bottom: 40px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-menu > .mm-header { background: inherit; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu > .mm-header .mm-close:after { content: 'x'; } .mm-menu.mm-hassearch > .mm-header { top: 40px; } .mm-menu.mm-hasheader .mm-panel .mm-header { display: none; } .mm-menu.mm-hasheader .mm-panel, .mm-menu.mm-hasheader .mm-fixeddivider { top: 40px; } .mm-menu.mm-hasheader.mm-hassearch .mm-panel, .mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider { top: 80px; } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-menu > .mm-search { background: inherit; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-search { height: 40px; width: 100%; padding: 10px 10px 0 10px; position: absolute; top: 0; left: 0; } .mm-search input { border: none; border-radius: 25px; font: inherit; font-size: 14px; line-height: 25px; outline: none; display: block; width: 100%; height: 25px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasheader { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasheader .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } .mm-menu li.mm-nosubresults > a.mm-next { display: none; } .mm-menu li.mm-nosubresults > a.mm-next + a, .mm-menu li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu.mm-hassearch .mm-panel, .mm-menu.mm-hassearch .mm-fixeddivider { top: 40px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.71%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-hasheader .mm-indexer { top: 50px; } .mm-hasfooter .mm-indexer { bottom: 50px; } .mm-hassearch .mm-indexer { top: 50px; } .mm-hassearch.mm-hasheader .mm-indexer { top: 90px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } /* jQuery.mmenu effects extension CSS */ html.mm-effect-slide .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-panels .mm-menu .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; } .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-header { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-header > a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-header .mm-btn:before, .mm-menu.mm-theme-black .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-theme-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* quicksand-300 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300; src: url('../../files/layout/fonts/quicksand-v21-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/layout/fonts/quicksand-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/quicksand-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/quicksand-v21-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-500 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url('../../files/layout/fonts/quicksand-v21-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/layout/fonts/quicksand-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/quicksand-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/quicksand-v21-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-regular - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: url('../../files/layout/fonts/quicksand-v21-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/layout/fonts/quicksand-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/quicksand-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/quicksand-v21-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-600 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; src: url('../../files/layout/fonts/quicksand-v21-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/layout/fonts/quicksand-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/quicksand-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/quicksand-v21-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-700 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url('../../files/layout/fonts/quicksand-v21-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/layout/fonts/quicksand-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/layout/fonts/quicksand-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/layout/fonts/quicksand-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/layout/fonts/quicksand-v21-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */ } @charset "UTF-8"; /*#B0053A;*/ /*#555;*/ #mobilemenu:not(.mm-menu) { display: none; } body { height: 100%; color: #8c8c8c; font-size: 1rem; font-family: "Quicksand", Sans-Serif; background: #ffffff; color: #8c8c8c; } body.datenschutz { font-size: 0.9rem; } #wrapper { margin: 0 auto; background: #ffffff; } #wrapper a { color: #8c8c8c; } #wrapper a:hover { color: #B1063A; } #main .mod_article .inner, #footer .inside { max-width: 1280px; margin-left: auto; margin-right: auto; } #header .inside { padding: 2rem 0 0 0; flex-grow: 1; align-items: flex-end; /* .head-fixed {*/ } #header .inside #header_inner { display: flex; flex-direction: row; justify-content: space-between; padding: 0 4rem; } #header .inside #header_inner .mod_logo { position: relative; bottom: -140px; margin-top: -130px; width: 220px; transition: all 0.1s linear; } #header .inside #header_inner .mod_logo img { transition: all 0.1s linear; } #header .inside #header_inner #headermenu { transition: all 0.1s linear; } #header .inside #header_inner.shrink { position: fixed; top: -0.1rem; width: calc(100% - 8rem); background: #ffffff; z-index: 5; height: 96px; box-shadow: 0px 0px 5px #999; -webkit-transform: translate3d(0, 0, 0); } #header .inside #header_inner.shrink #mainmenu { padding: 1.25rem 0.6rem 0 0.6rem; } #header .inside #header_inner.shrink #mainmenu ul { background: rgba(255, 255, 255, 0.9); } #header .inside #header_inner.shrink #mainmenu ul a, #header .inside #header_inner.shrink #mainmenu ul strong { display: block; padding: 0; text-decoration: none; } #header .inside #header_inner.shrink #mainmenu ul a span, #header .inside #header_inner.shrink #mainmenu ul strong span { font-weight: normal; font-size: 0.9rem; text-transform: uppercase; color: #B1063A; } #header .inside #header_inner.shrink #mainmenu ul a span:before, #header .inside #header_inner.shrink #mainmenu ul strong span:before { content: ""; display: block; height: 2.6rem; width: 100%; -webkit-mask-size: 68%; mask-size: 68%; } #header .inside #header_inner.shrink #mainmenu ul a span:after, #header .inside #header_inner.shrink #mainmenu ul strong span:after { margin-top: 0.4rem; } #header .inside #header_inner.shrink #mainmenu ul > li ul li a, #header .inside #header_inner.shrink #mainmenu ul > li ul li strong { font-size: 0.9rem; } #header .inside #header_inner.shrink #mainmenu ul > li.about_us:hover .mod_onepage_navigation ul { left: -32%; } #header .inside #header_inner.shrink #mainmenu ul > li.contact:hover .mod_onepage_navigation ul { left: -24%; } #header .inside #header_inner.shrink .mod_logo { position: static; margin-top: unset; padding-top: 0.3rem; } #header .inside #header_inner.shrink .mod_logo img { height: auto; width: 80px; } #header .inside #header_inner.shrink #headermenu { /*top: -0.1rem;*/ padding-top: 0.7rem; } #header .inside #header_inner.shrink #headermenu ul { margin-bottom: 0; } #header .inside #header_inner.shrink #headermenu ul li { font-size: 0.9rem; margin-bottom: 0.3rem; } #header .inside #header_inner.shrink #headermenu ul li a { text-decoration: none; } #header .inside #header_inner.shrink .mod_onepage_navigation ul { box-shadow: 0px 0px 2px #999; } #header .inside .mod_pageImage { width: 100%; } #header .inside .mod_pageImage img { width: 100%; height: auto; /*TODO: max-height ???*/ } #header .inside #headermenu { /*position: relative; top: -0.6rem;*/ } #header .inside #headermenu ul { margin: 0; } #header .inside #headermenu li { margin-bottom: 0.3rem; font-size: 94%; } #header .inside #headermenu li a { text-decoration: none; } .home #header .mod_article { position: relative; top: -300px; margin-bottom: -160px; left: 4rem; display: inline-block; } .home #header .mod_article .header_slogan { color: #ffffff; font-size: 1.3rem; margin-bottom: 0.8rem; } .home #header .mod_article .header_slogan_link a { color: #ffffff; text-decoration: none; background: #B1063A; display: inline-block; padding: 0.8rem 2.4rem; text-transform: uppercase; transition: all 0.3s linear; } .home #header .mod_article .header_slogan_link a:hover { background: #ffffff; color: #B1063A; } #footer { background: #8c8c8c; } #footer .inside { padding: 2rem 0 1rem 0; display: flex; flex-direction: row; justify-content: space-between; } #footer #scroll-top { /*display: none;*/ color: #fff !important; transition: all 0.5s ease-in-out; width: 50px; height: 46px; right: 20px; bottom: 90px; z-index: 1000001; cursor: pointer; } #footer #scroll-top a { display: block; position: relative; top: -6px; width: 60px; height: 40px; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .flex { display: flex; flex-direction: row; } .flex.team { justify-content: space-between; flex-wrap: wrap; } .thumbnail { width: 31%; display: block; margin-bottom: 20px; -webkit-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; position: relative; overflow: hidden; padding: 0 !important; } .thumbnail img { vertical-align: bottom; } .thumbnail .caption { padding: 9px; color: #333; } .thumbnail .caption a.teamlink { color: #fff !important; } .thumbnail .caption a.teamlink:hover, .thumbnail .caption a.teamlink:active { color: #c6c6c5 !important; } .caption { position: absolute; top: 0; right: 0; /*background: rgba(90, 90, 90, 0.75); background: rgba(255, 255, 255, 0.3);*/ background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; display: none; /*text-align: center;*/ color: #fff !important; z-index: 2; } .caption .inner_text { position: absolute; bottom: 0; left: 0; padding-left: 2rem; height: 36%; width: 100%; font-size: 90%; z-index: 3; background: rgba(177, 6, 58, 0.7); /*clip-path: polygon(0 0, 74% 0, 91% 100%, 0% 100%);*/ clip-path: polygon(0 0, 53% 0, 73% 100%, 0% 100%); } .caption .inner_text h3 { font-size: 1.2rem !important; margin: 0.5rem 0 0.3rem 0 !important; } .caption .inner_text p { line-height: 130% !important; margin-bottom: 0.2rem !important; } p.error { font-style: italic; color: #B1063A; padding: 0.3rem 0.6rem; border: 1px solid #B1063A; margin: 0.6rem 0; } h3 { font-size: 120%; } strong { font-weight: 600; } ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } body:not(.home) #main .inside .mod_article:first-of-type { padding-top: 0; } body:not(.home) #main .inside .mod_article h1 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.5rem; font-weight: 500; overflow: visible; text-align: center; } body:not(.home) #main .inside .mod_article h1 span { color: #ffffff; position: relative; top: -2rem; background: #c6c6c5; display: inline-block; min-width: 30%; padding: 1rem 2rem; margin-left: auto; margin-right: auto; } #main .inside .mod_article p { line-height: 140%; } #main .inside .mod_article .mod_afa_jobs .joblist .line.head, #main .inside .mod_article .mod_afa_jobs .profilelist .line.head, #main .inside .mod_article .mod_afa_profiles .joblist .line.head, #main .inside .mod_article .mod_afa_profiles .profilelist .line.head { display: flex; flex-direction: row; } #main .inside .mod_article .mod_afa_jobs .joblist .line.head .col, #main .inside .mod_article .mod_afa_jobs .profilelist .line.head .col, #main .inside .mod_article .mod_afa_profiles .joblist .line.head .col, #main .inside .mod_article .mod_afa_profiles .profilelist .line.head .col { background: #B1063A; color: #fff; font-weight: 700; border-right: 2px solid #fff; text-transform: uppercase; } #main .inside .mod_article .mod_afa_jobs .joblist .line.even .col, #main .inside .mod_article .mod_afa_jobs .profilelist .line.even .col, #main .inside .mod_article .mod_afa_profiles .joblist .line.even .col, #main .inside .mod_article .mod_afa_profiles .profilelist .line.even .col { background: #ececec; } #main .inside .mod_article .mod_afa_jobs .joblist .line.cols .col, #main .inside .mod_article .mod_afa_jobs .profilelist .line.cols .col, #main .inside .mod_article .mod_afa_profiles .joblist .line.cols .col, #main .inside .mod_article .mod_afa_profiles .profilelist .line.cols .col { padding: 0.8rem 0.5rem; } #main .inside .mod_article .mod_afa_jobs .joblist .line.cols .col a strong, #main .inside .mod_article .mod_afa_jobs .profilelist .line.cols .col a strong, #main .inside .mod_article .mod_afa_profiles .joblist .line.cols .col a strong, #main .inside .mod_article .mod_afa_profiles .profilelist .line.cols .col a strong { font-weight: 500; } #main .inside .mod_article .mod_afa_jobs .joblist .line.cols .col:last-of-type, #main .inside .mod_article .mod_afa_jobs .profilelist .line.cols .col:last-of-type, #main .inside .mod_article .mod_afa_profiles .joblist .line.cols .col:last-of-type, #main .inside .mod_article .mod_afa_profiles .profilelist .line.cols .col:last-of-type { border-right: none; } #main .inside .mod_article .mod_afa_jobs .jobdetails .col h2, #main .inside .mod_article .mod_afa_jobs .profiledetails .col h2, #main .inside .mod_article .mod_afa_profiles .jobdetails .col h2, #main .inside .mod_article .mod_afa_profiles .profiledetails .col h2 { margin: 0.4rem 0 1.4rem 0; color: #B1063A; /*span { background: $red; padding: 0.6rem 2rem; font-size: 80%; top: 0; }*/ } #main .inside .mod_article .mod_afa_jobs .jobdetails .col h2:not(:first-of-type), #main .inside .mod_article .mod_afa_jobs .profiledetails .col h2:not(:first-of-type), #main .inside .mod_article .mod_afa_profiles .jobdetails .col h2:not(:first-of-type), #main .inside .mod_article .mod_afa_profiles .profiledetails .col h2:not(:first-of-type) { margin-top: 2rem; } #main .inside .mod_article .mod_afa_jobs .jobdetails .line.cols, #main .inside .mod_article .mod_afa_jobs .profiledetails .line.cols, #main .inside .mod_article .mod_afa_profiles .jobdetails .line.cols, #main .inside .mod_article .mod_afa_profiles .profiledetails .line.cols { display: flex; justify-content: space-between; } #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button { border-radius: unset; -moz-border-radius: unset; -webkit-border-radius: unset; border: unset; line-height: unset !important; background-color: #ffffff !important; background-image: none !important; font-size: 0.9rem; margin-bottom: 1.2rem; } #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button a, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button a, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button a, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button a { text-decoration: none; color: #B1063A !important; padding: 0.6rem 1.2rem 0.6rem 2.4rem !important; border: 1px solid #B1063A; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-size: contain; background-position: left center; transition: background-color 0.2s linear; } #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button a:hover, #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button a:active, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button a:hover, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button a:active, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button a:hover, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button a:active, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button a:hover, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button a:active { background-color: #B1063A !important; color: #ffffff !important; background-image: url('data:image/svg+xml;charset=UTF-8,'); } #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button.back a, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button.back a, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button.back a, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button.back a { background-image: url('data:image/svg+xml;charset=UTF-8,'); } #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button.back a:hover, #main .inside .mod_article .mod_afa_jobs .jobdetails .buttons .button.back a:active, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button.back a:hover, #main .inside .mod_article .mod_afa_jobs .profiledetails .buttons .button.back a:active, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button.back a:hover, #main .inside .mod_article .mod_afa_profiles .jobdetails .buttons .button.back a:active, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button.back a:hover, #main .inside .mod_article .mod_afa_profiles .profiledetails .buttons .button.back a:active { background-image: url('data:image/svg+xml;charset=UTF-8,'); } #main .inside .mod_article .mod_afa_jobs .location_filters, #main .inside .mod_article .mod_afa_profiles .location_filters { margin: 2rem 0; } #main .inside .mod_article .mod_afa_jobs .location_filters ul, #main .inside .mod_article .mod_afa_profiles .location_filters ul { display: flex; flex-direction: row; justify-content: space-between; } #main .inside .mod_article .mod_afa_jobs .location_filters ul li, #main .inside .mod_article .mod_afa_profiles .location_filters ul li { display: block; padding: 1rem 2rem; background-color: #ececec; transition: background-color 0.2s linear; position: relative; } #main .inside .mod_article .mod_afa_jobs .location_filters ul li:hover, #main .inside .mod_article .mod_afa_jobs .location_filters ul li.active, #main .inside .mod_article .mod_afa_profiles .location_filters ul li:hover, #main .inside .mod_article .mod_afa_profiles .location_filters ul li.active { background-color: #B1063A; color: #ffffff; } #main .inside .mod_article .mod_afa_jobs .location_filters ul li:hover, #main .inside .mod_article .mod_afa_profiles .location_filters ul li:hover { cursor: pointer; } #main .inside .mod_article form { /*::placeholder, &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &:-moz-placeholder { color: $lightgrey; }*/ } #main .inside .mod_article form input[type=text], #main .inside .mod_article form input[type=password], #main .inside .mod_article form input[type=date], #main .inside .mod_article form input[type=datetime], #main .inside .mod_article form input[type=email], #main .inside .mod_article form input[type=number], #main .inside .mod_article form input[type=search], #main .inside .mod_article form input[type=tel], #main .inside .mod_article form input[type=time], #main .inside .mod_article form input[type=url], #main .inside .mod_article form input:not([type]), #main .inside .mod_article form textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: unset; border: 1px solid #ececec; padding: 0.3rem 0.4rem; color: #8c8c8c; width: 60%; } #main .inside .mod_article form input[disabled], #main .inside .mod_article form input[readonly] { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background-color: #ffffff !important; color: #c6c6c5; padding: 0.3rem 0.4rem; } #main .inside .mod_article form button[type=submit] { margin: 1.6rem 0; padding: 1rem 6rem; background-color: #ffffff; color: #B1063A; border: none; border-radius: unset; font-size: 1rem; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-size: 15%; background-position: 4px 8px !important; border: 1px solid #B1063A; transition: background-color 0.2s linear; } #main .inside .mod_article form button[type=submit]:hover, #main .inside .mod_article form button[type=submit]:active { background-color: #B1063A; color: #ffffff; background-image: url('data:image/svg+xml;charset=UTF-8,'); border: 1px solid #B1063A; } #main .inside .mod_article form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-padding-start: calc(10px - 3px); border: 1px solid #ececec; padding: 0.3rem 2.4rem 0.3rem 0.4rem; cursor: pointer; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-size: contain; background-repeat: no-repeat; background-position: right; } #main .inside .mod_article form select option { color: #8c8c8c; } #main .inside .mod_article form select::-ms-expand { display: none; } #main .inside .mod_article form select:focus::-ms-value { background-color: transparent; } #main .inside .mod_article form select:focus { background-image: url('data:image/svg+xml;charset=UTF-8,') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: right !important; } #main .inside .mod_article form input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #main .inside .mod_article form input[type=file]:focus + label { background-color: #ececec; border: 1px solid #B1063A; outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } #main .inside .mod_article form .widget-upload label { width: 64% !important; border: none; padding: 0.5rem 0.4rem 0.5rem 2.4rem; cursor: pointer; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-size: 30px; /*9%;*/ background-repeat: no-repeat; background-position: left center; background-color: #ffffff; font-size: 0.9rem; display: inline-block; transition: background-color 0.2s linear; } #main .inside .mod_article form .widget-upload label:hover { background-color: #B1063A; color: #ffffff; background-image: url('data:image/svg+xml;charset=UTF-8,'); } #main .inside .mod_article form input[type=text]:focus, #main .inside .mod_article form input[type=password]:focus, #main .inside .mod_article form input[type=date]:focus, #main .inside .mod_article form input[type=datetime]:focus, #main .inside .mod_article form input[type=email]:focus, #main .inside .mod_article form input[type=number]:focus, #main .inside .mod_article form input[type=search]:focus, #main .inside .mod_article form input[type=tel]:focus, #main .inside .mod_article form input[type=time]:focus, #main .inside .mod_article form input[type=url]:focus, #main .inside .mod_article form textarea:focus, #main .inside .mod_article form select:focus, #main .inside .mod_article form input[type=submit]:focus, #main .inside .mod_article form .button:focus, #main .inside .mod_article form button[type=submit]:focus { outline: 0; background: #f3f3f3; border: 1px solid #B1063A; } #main .inside .mod_article form ::placeholder { color: #c6c6c5; } #main .inside .mod_article form h2 { margin: 2rem 0; color: #B1063A; font-size: 1.6rem; } #main .inside .mod_article form h2 span { background: #c6c6c5; padding: 0.3rem 2rem; font-size: 80%; top: 0; } #main .inside .mod_article form .widget { margin-bottom: 0.8rem; } #main .inside .mod_article form .widget label { font-weight: 500; width: 34%; } #main .inside .mod_article form .widget.widget-checkbox label, #main .inside .mod_article form .widget.widget-submit label { font-size: 90%; } body.bewerbung #main .inside .mod_article form { padding-top: 2rem; } body.bewerbung #main .inside .mod_article form .bottom .w50 .widget-checkbox.datenschutz { padding-left: 0; } body.datenschutz #main .inside .mod_article .button { display: block; border-radius: unset; -moz-border-radius: unset; -webkit-border-radius: unset; border: unset; line-height: unset !important; background-color: #ffffff !important; background-image: none !important; font-size: 0.9rem; margin: 1.6rem 0 2.6rem 0; overflow: visible; } body.datenschutz #main .inside .mod_article .button a { color: #B1063A !important; text-decoration: none; padding: 0.6rem 1.2rem 0.6rem 2.4rem !important; border: 1px solid #B1063A; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-size: contain; background-position: left center; transition: background-color 0.2s linear; } body.datenschutz #main .inside .mod_article .button a:hover, body.datenschutz #main .inside .mod_article .button a:active { background-color: #B1063A !important; color: #ffffff !important; background-image: url('data:image/svg+xml;charset=UTF-8,'); } body.datenschutz #main .inside .mod_article .button a.print { background-image: url('data:image/svg+xml;charset=UTF-8,'); background-size: 26%; background-position: 2px center; float: right; margin-top: -2rem; } body.datenschutz #main .inside .mod_article .button a.print:hover, body.datenschutz #main .inside .mod_article .button a.print:active { background-image: url('data:image/svg+xml;charset=UTF-8,'); } body.datenschutz #main .inside .mod_article form { background: #ececec; padding: 1.4rem 1.4rem 0 1.4rem; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset { width: 80%; margin: 1rem 0; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset legend { padding-bottom: 1rem; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset > span { display: inline-block; width: 20%; margin-left: 1.2rem; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset > span label { display: inline-block; margin-right: 0.4rem; width: unset; text-align: center; background: #ffffff; color: #8c8c8c; padding: 1rem 2rem; position: relative; left: -1.2rem; cursor: pointer; transition: background 0.2s linear; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset > span label:hover { background: #B1063A; color: #ffffff; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset > span input { position: absolute; } body.datenschutz #main .inside .mod_article form .widget-radio fieldset > span input:checked + label { background: #B1063A; color: #ffffff; } body.datenschutz #main .inside .mod_article form .widget-text label { width: 18%; } body.datenschutz #main .inside .mod_article form .widget-text input[type=text] { width: 24%; } body.datenschutz #main .inside .mod_article form .widget-submit, body.datenschutz #main .inside .mod_article form .widget-explanation { margin-bottom: 0; } body.datenschutz #main .inside .mod_article h2 { text-align: left !important; margin: 2rem 0 1.4rem 0 !important; } body.datenschutz #main .inside .mod_article .ce_text.content_box .content { background: #ececec; margin: 0.8rem 0; padding: 0.6rem 0.8rem; } body.datenschutz #main .inside .mod_article .ce_text.content_box .content ul { margin: 0.2rem 0 0.2rem 1.2rem; } body.datenschutz #main .inside .mod_article .ce_text.content_box .content ul li { list-style: disc; line-height: 140%; } body.datenschutz #main .inside .mod_article .ce_text.content_box.sc2 { width: 46% !important; } body.datenschutz #main .inside .mod_article h3.ce_headline { text-align: left; margin-bottom: unset; } body.datenschutz #main .inside .mod_article .less_margin_top { margin-top: -1.6rem; } #main .mod_article { line-height: 130%; position: relative; overflow: visible !important; z-index: 0; padding: 1.6rem 0 4.6rem 0; } #main .mod_article h1 { text-align: center; text-transform: uppercase; line-height: 1.6rem; padding: 2rem 1rem; font-weight: 600; font-size: 2rem; } #main .mod_article h1.headline_home span { padding: 1.8rem 6rem 0.2rem 4.4rem; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-size: contain; background-position: left top; } #main .mod_article h2 { font-weight: 600; } #main .mod_article p { /*font-size: 0.9rem;*/ margin-bottom: 1.6rem; } #main .mod_article .ce_text.col-two .content { column-count: 2; column-gap: 2rem; } #main .mod_article .ce_text.col-two > h3 { margin: 1rem 0 2rem 0; } #main .mod_article .ce_text.col-3 .content { column-count: 3; column-gap: 1.4rem; } #main .mod_article .ce_text.col-3 > h3 { margin: 1rem 0 2rem 0; } #main .mod_article .ce_text.sc3 { width: 32%; padding-right: 2%; } #main .mod_article .ce_text.sc3.sc3-last { padding-right: 0 !important; } #main .mod_article .ce_text.sc2 { width: 48.5%; padding-right: 3%; } #main .mod_article .ce_text.sc2.sc2-last { padding-right: 0 !important; } #main .mod_article .ce_text h3 { font-weight: 600; } #main .mod_article .ce_downloads.col-3 { width: 82%; margin: 1rem 7%; } #main .mod_article .ce_downloads.col-3 ul { column-count: 3; column-gap: 1.4rem; } #main .mod_article .ce_downloads.col-3 ul li { margin-bottom: 1rem; } #main .mod_article .ce_downloads.col-3 ul li a { background: #fff; display: block; padding: 0.3rem 1rem; text-decoration: none; transition: background 0.2s linear; word-wrap: break-word; } #main .mod_article .ce_downloads.col-3 ul li a:hover, #main .mod_article .ce_downloads.col-3 ul li a:active { background: #B1063A; color: #ffffff; } #main .mod_article.bg-red { background: #B1063A; color: #fff; } #main .mod_article.bg-grey { background: #ececec; } #main .mod_article.w70 .inner { width: 74%; margin-left: auto; margin-right: auto; } #main .mod_article h3.ce_headline { text-align: center; margin-bottom: 2rem; } #main .mod_article h2 { margin: 0; text-transform: uppercase; font-size: 1.4rem; font-weight: 600; overflow: visible; text-align: center; } #main .mod_article h2 span { position: relative; color: #ffffff; top: -3.2rem; background: #c6c6c5; display: inline-block; min-width: 30%; padding: 1rem 2rem; margin-left: auto; margin-right: auto; } #main .ce_tabs ul.ui-tabs-nav { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 2rem; } #main .ce_tabs ul.ui-tabs-nav li a { display: block; text-decoration: none; padding: 1rem 2rem; background-color: #ffffff; color: #8c8c8c; position: relative; transition: background 0.2s linear; } #main .ce_tabs ul.ui-tabs-nav li a:hover, #main .ce_tabs ul.ui-tabs-nav li a.active { background: #B1063A; color: #ffffff; } #main .ce_tabs ul.ui-tabs-nav li a:hover { cursor: pointer; } #main .ce_tabs ul.ui-tabs-nav li.ui-state-active a { background: #B1063A; color: #ffffff; } .embed-container:not(.nocontent) { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container:not(.nocontent) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container.nocontent { background-image: url(../../files/layout/images/gmap-bg.jpg); } .privacy-msg, .embed-container, .ce_youtube { width: 100% !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } .privacy-msg { height: 350px !important; } .privacy-msg p { width: 500px; max-width: 90%; background-color: rgba(255, 255, 255, 0.7); font-size: 80% !important; padding: 1rem 1.2rem; border-radius: 3px; position: relative; /*z-index: 100;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); } .privacy-msg p span { display: block; text-align: center; } .privacy-msg p a:not(.textlink) { cursor: pointer; display: inline-block; padding: 0.6rem 0.8rem; font-size: 160%; background-color: #B1063A; color: #fff !important; border-radius: 3px; margin-top: 0.8rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } #main .privacy-msg p a:not(.textlink):hover, #main .privacy-msg p a:not(.textlink):active { background-color: #ececec; color: #333 !important; } @media screen and (max-width: 479px) { #header .inside { padding: 0; } .mod_afa_jobs .location_filters ul, .mod_afa_profiles .location_filters ul { display: flex; flex-direction: column !important; } .mod_afa_jobs .location_filters ul li, .mod_afa_profiles .location_filters ul li { padding: 0.3rem 1.2rem; margin-bottom: 0.3rem; } .mod_afa_jobs .location_filters ul li a, .mod_afa_profiles .location_filters ul li a { text-align: center; } body:not(.home) #main .inside .mod_article h1 span { font-size: 1.2rem; padding: 0.7rem 1.6rem; top: -1.7rem; } body.home #main .inside .mod_article h1.headline_home { text-align: left; } body.home #main .inside .mod_article h1.headline_home span { padding-top: 1rem; padding-left: 3.2rem; background-size: 10%; background-position: left bottom; } #main .inside .mod_article form .widget-upload label { width: unset !important; display: block; } #main .inside .mod_article .sc2 { float: none; display: block; width: 100%; } } @media screen and (max-width: 699px) { .home #main .inside .mod_article .headline_home { margin-top: 0; padding: 1rem 0; text-align: left; } .home #main .inside .mod_article .headline_home span { display: block; } #header .inside .mod_article { display: none; } #main .inside .mod_article .thumbnail { width: 100%; max-width: 460px; margin-left: auto; margin-right: auto; /*display: flex; align-items: center; justify-content: center;*/ } #main .inside .mod_article .thumbnail .inner_text { height: 40%; text-align: left; } #main .inside .mod_article .ce_downloads.col-3 ul { column-count: unset !important; column-gap: unset; } #main .inside .mod_article .ce_text.sc3, #main .inside .mod_article .ce_text.sc2 { width: 100% !important; padding-right: 0 !important; } } @media screen and (min-width: 700px) { body.bewerbung #main .inside .mod_article form .bottom .w50 { width: 50%; display: inline-block; vertical-align: top; } } @media screen and (min-width: 480px) and (max-width: 959px) { .home #main .mod_article h1.headline_home span { padding: 1rem 2rem 0.2rem 3.4rem; } #header .inside { padding-top: 0; } #header .inside #header_inner .mod_logo { width: 160px; bottom: -200px; margin-top: -180px; } #header .inside .mod_article { top: -220px; margin-bottom: -140px; left: 30%; } #header .inside .mod_article .header_slogan, #header .inside .mod_article .header_slogan_link { font-size: 0.9rem; } #header .inside .mod_article .header_slogan p, #header .inside .mod_article .header_slogan_link p { margin-bottom: 0.5rem; } } @media screen and (max-width: 959px) { #header .inside { padding-top: 0; } #header .inside #header_inner { padding: 0 2rem; } #header .inside #header_inner .mod_logo { bottom: -200px; margin-top: -180px; } #header .inside #header_inner .mod_logo img { width: auto !important; height: auto !important; } #mainmenu, #headermenu { display: none; } #menu_button { position: absolute; right: 0.8rem; color: #ffffff; font-size: 0.9rem; text-transform: uppercase; margin-top: 1rem; /*margin-left: 1rem;*/ width: 40px; height: 40px; } #menu_button a:after, #menu_button a:before, #menu_button a span { background-color: #ffffff; content: ""; display: block; height: 5px; margin: 7px 0; transition: all 0.2s ease-in-out; } .mm-opened #menu_button a:before { transform: translateY(12px) rotate(135deg); } .mm-opened #menu_button a:after { transform: translateY(-12px) rotate(-135deg); } .mm-opened #menu_button a span { transform: scale(0); } nav#mobilemenu { background: #ececec; } nav#mobilemenu li a, nav#mobilemenu li span { color: #8c8c8c; } nav#mobilemenu li.active span.active, nav#mobilemenu li.trail a.trail { background: #B1063A; color: #ffffff; } nav#mobilemenu li.active span.active span, nav#mobilemenu li.trail a.trail span { color: #ffffff; } #main .inside .mod_article:last-of-type { padding-bottom: 2rem; } #main .inside .mod_article .inner { padding-left: 3%; padding-right: 3%; } #main .inside .mod_article .ce_text.col-two .content { column-count: unset; } #main .inside .mod_article .ce_text.col-two > h3 { margin: 1rem 0 2rem 0; } #main .inside .mod_article .ce_downloads.col-two, #main .inside .mod_article .sc2 { width: 100%; margin: 1rem 0; } #main .inside .mod_article .ce_downloads.col-two ul, #main .inside .mod_article .sc2 ul { column-count: unset; } #main .inside .mod_article .ce_tabs ul { display: flex; flex-direction: column !important; } #main .inside .mod_article .ce_tabs ul li { padding: 0.3rem 1.2rem; margin-bottom: 2px !important; } #main .inside .mod_article .ce_tabs ul li a { text-align: center; } #main .inside .mod_article.w70 .inner { width: 94%; } #main .inside .mod_article .mod_afa_profiles .line, #main .inside .mod_article .mod_afa_jobs .line { padding: 0.4rem 0; } #main .inside .mod_article .mod_afa_profiles .line.head, #main .inside .mod_article .mod_afa_jobs .line.head { display: none; } #main .inside .mod_article .mod_afa_profiles .line.cols, #main .inside .mod_article .mod_afa_jobs .line.cols { display: block; } #main .inside .mod_article .mod_afa_profiles .line.cols.head, #main .inside .mod_article .mod_afa_jobs .line.cols.head { display: none !important; } #main .inside .mod_article .mod_afa_profiles .line.cols .col, #main .inside .mod_article .mod_afa_jobs .line.cols .col { padding: 0.3rem !important; } #main .inside .mod_article .mod_afa_profiles .line.cols .col1, #main .inside .mod_article .mod_afa_jobs .line.cols .col1 { font-weight: 600; } #main .inside .mod_article .mod_afa_profiles .location_filters ul, #main .inside .mod_article .mod_afa_jobs .location_filters ul { display: block; } #main .inside .mod_article .mod_afa_profiles .location_filters ul li, #main .inside .mod_article .mod_afa_jobs .location_filters ul li { text-align: center; margin-bottom: 0.2rem; } #main .inside .mod_article .mod_afa_profiles .jobdetails .line.cols, #main .inside .mod_article .mod_afa_profiles .profiledetails .line.cols, #main .inside .mod_article .mod_afa_jobs .jobdetails .line.cols, #main .inside .mod_article .mod_afa_jobs .profiledetails .line.cols { display: block !important; } #main .inside .mod_article .mod_afa_profiles .jobdetails .line.cols .col.w33, #main .inside .mod_article .mod_afa_profiles .jobdetails .line.cols .col.w66, #main .inside .mod_article .mod_afa_profiles .profiledetails .line.cols .col.w33, #main .inside .mod_article .mod_afa_profiles .profiledetails .line.cols .col.w66, #main .inside .mod_article .mod_afa_jobs .jobdetails .line.cols .col.w33, #main .inside .mod_article .mod_afa_jobs .jobdetails .line.cols .col.w66, #main .inside .mod_article .mod_afa_jobs .profiledetails .line.cols .col.w33, #main .inside .mod_article .mod_afa_jobs .profiledetails .line.cols .col.w66 { width: 100%; margin-bottom: 2rem; } #main .inside .ce_tabe ul { font-size: 90%; } #main .inside .ce_tabe ul li a { padding: 0.4rem 0.8rem; } #main .inside form .widget { display: block; } #main .inside form .widget input[type=text], #main .inside form .widget input[type=password], #main .inside form .widget input[type=date], #main .inside form .widget input[type=datetime], #main .inside form .widget input[type=email], #main .inside form .widget input[type=number], #main .inside form .widget input[type=search], #main .inside form .widget input[type=tel], #main .inside form .widget input[type=time], #main .inside form .widget input[type=url], #main .inside form .widget input:not([type]), #main .inside form .widget textarea, #main .inside form .widget label { width: 100%; } #main .inside form .widget.widget-checkbox, #main .inside form .widget.widget-submit { padding-left: 0 !important; } #footer .inside { padding: 0.8rem 0.8rem 0 0.8rem; } #footer .inside .mod_logo img { width: auto !important; height: auto !important; } #footer .inside #scroll-top { width: 40px; } #footer .inside #scroll-top a { width: 40px; height: 32px; top: 0; } #footer .inside .mod_customnav { display: none; } } @media screen and (min-width: 960px) { #menu_button { display: none; } #header .inside #header_inner { position: fixed; width: calc(100% - 4rem); } #main .inside .mod_afa_jobs, #main .inside .mod_afa_profiles { margin: 1rem 2%; } #main .inside .mod_afa_jobs .line.cols a, #main .inside .mod_afa_profiles .line.cols a { text-decoration: none; } #main .inside .mod_afa_jobs .line.cols a .col, #main .inside .mod_afa_profiles .line.cols a .col { transition: background-color 0.2s linear; } #main .inside .mod_afa_jobs .line.cols a:hover .col, #main .inside .mod_afa_jobs .line.cols a:active .col, #main .inside .mod_afa_profiles .line.cols a:hover .col, #main .inside .mod_afa_profiles .line.cols a:active .col { background-color: #B1063A !important; color: #ffffff; } #main .inside .mod_afa_jobs .jobdetails .line.cols a, #main .inside .mod_afa_jobs .profiledetails .line.cols a, #main .inside .mod_afa_profiles .jobdetails .line.cols a, #main .inside .mod_afa_profiles .profiledetails .line.cols a { display: inline; } #main .inside .formbody { display: flex; flex-direction: row; flex-wrap: wrap; } #main .inside .formbody .widget.widget-textarea { margin-bottom: 1.4rem; } #main .inside .formbody .widget.widget-textarea:last-of-type { margin-bottom: 0; } #main .inside .widget { width: 94%; display: flex; flex-direction: row; } #main .inside .w33 { width: 33%; } #main .inside .w66 { width: 63%; padding-left: 3%; } #main .inside .w50 { width: 50%; } #main .inside .w50.last { display: flex; flex-direction: column; align-items: end; } #main .inside .w100 { width: 100%; } #main .inside #niederlassungen .ce_text table { margin: 0 0 2rem 0; } .mod_afa_jobs .line.cols a { display: flex; flex-direction: row; } .mod_afa_jobs .line.cols .col1 { /*width: calc(28% - 2px);*/ width: calc(28% - 2px); word-wrap: break-word; padding-right: 2%; } .mod_afa_jobs .line.cols .col2 { /*width: calc(58% - 2px);*/ width: calc(50% - 2px); } .mod_afa_jobs .line.cols .col3 { /*width: 12%;*/ width: 14%; /*text-align: right;*/ } .mod_afa_jobs .line.cols .col4 { /*width: 12%;*/ width: 10%; text-align: right; } .mod_afa_jobs .line.cols.head { display: flex; flex-direction: row; } .mod_afa_profiles .line.cols a { display: flex; flex-direction: row; } .mod_afa_profiles .line.cols .col1 { /*width: calc(45% - 2px);*/ width: calc(37% - 2px); } .mod_afa_profiles .line.cols .col2 { /*width: calc(13% - 2px);*/ width: calc(19% - 2px); } .mod_afa_profiles .line.cols .col3 { /*width: calc(30% - 2px);*/ width: calc(31% - 2px); } .mod_afa_profiles .line.cols .col4 { /*width: 10%;*/ width: 12%; } .mod_afa_profiles .line.cols .col5 { /*width: 10%;*/ width: 9%; text-align: right; } .mod_afa_profiles .line.cols.head { display: flex; flex-direction: row; } #mainmenu { padding: 0.6rem; } #mainmenu ul { display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; } #mainmenu ul > li { list-style: none; text-align: center; padding: 0 2rem; overflow: visible; } #mainmenu ul > li a, #mainmenu ul > li strong { display: block; padding: 0; text-decoration: none; } #mainmenu ul > li a span, #mainmenu ul > li strong span { font-weight: normal; font-size: 1.2rem; text-transform: uppercase; color: #B1063A; } #mainmenu ul > li a span:before, #mainmenu ul > li strong span:before { content: ""; display: block; height: 4rem; width: 100%; -webkit-mask-position: top center; -webkit-mask-size: 68%; -webkit-mask-repeat: no-repeat; mask-position: top; mask-size: 68%; mask-repeat: no-repeat; background-color: #b2b2b2; transition: all 0.2s linear; } #mainmenu ul > li a span:hover, #mainmenu ul > li a span:active, #mainmenu ul > li strong span:hover, #mainmenu ul > li strong span:active { color: #8c8c8c; } #mainmenu ul > li a span:hover:before, #mainmenu ul > li strong span:hover:before { background-color: #B1063A; } #mainmenu ul > li a span:after, #mainmenu ul > li strong span:after { width: 60%; height: 0.125rem; margin-left: auto; margin-right: auto; margin-top: 0.6rem; content: ""; display: block; font-size: 1px; transition: background 0.3s linear; } #mainmenu ul > li a span:hover:after, #mainmenu ul > li strong span:hover:after { background-color: #B1063A; } #mainmenu ul > li a.about_us span:before, #mainmenu ul > li strong.about_us span:before { -webkit-mask-image: url(../../files/layout/images/about_us_web.svg); mask-image: url(../../files/layout/images/about_us_web.svg); } #mainmenu ul > li a.jobs span:before, #mainmenu ul > li strong.jobs span:before { -webkit-mask-image: url(../../files/layout/images/jobs_web.svg); mask-image: url(../../files/layout/images/jobs_web.svg); } #mainmenu ul > li a.profiles span:before, #mainmenu ul > li strong.profiles span:before { -webkit-mask-image: url(../../files/layout/images/profiles_web.svg); mask-image: url(../../files/layout/images/profiles_web.svg); } #mainmenu ul > li a.contact span:before, #mainmenu ul > li strong.contact span:before { -webkit-mask-image: url(../../files/layout/images/contact_web.svg); mask-image: url(../../files/layout/images/contact_web.svg); } #mainmenu ul > li strong span { color: #8c8c8c; } #mainmenu ul > li strong span:before { background-color: #B1063A; } #mainmenu ul > li strong span:after { width: 60%; height: 0.125rem; margin-left: auto; margin-right: auto; margin-top: 0.6rem; content: ""; display: block; font-size: 1px; transition: background 0.3s linear; background-color: #B1063A; } #mainmenu ul > li .mod_onepage_navigation { display: none; } #mainmenu ul > li:hover .mod_onepage_navigation { position: absolute; overflow: visible; display: block; } #mainmenu ul > li:hover .mod_onepage_navigation ul { position: relative; top: 0.6rem; z-index: 3; display: inline-block; /*TODO: mittig unter Menüpunkt*/ background: rgba(255, 255, 255, 0.8); width: auto; } #mainmenu ul > li:hover .mod_onepage_navigation ul li { padding: 0.4rem; display: block; font-size: 0.9rem; text-transform: uppercase; text-align: center; } #mainmenu ul > li:hover .mod_onepage_navigation ul li:not(.last) { border-bottom: 1px solid #B1063A; } #mainmenu ul > li.about_us:hover .mod_onepage_navigation ul { left: -26%; } #mainmenu ul > li.contact:hover .mod_onepage_navigation ul { left: -16%; } #footer .mod_customnav ul { text-align: right; } #footer .mod_customnav ul li { display: inline-block; border-right: 1px solid #fff; } #footer .mod_customnav ul li a, #footer .mod_customnav ul li strong { display: block; padding: 2px 10px; color: #fff; font-weight: normal; text-decoration: none; } #footer .mod_customnav ul li a:hover, #footer .mod_customnav ul li a:active { color: #B1063A; } #footer .mod_customnav ul li strong { text-decoration: underline; } #footer .mod_customnav ul li:last-of-type { border-right: none; } } @media screen and (max-width: 1159px) { #main .inside .mod_article .ce_downloads { width: 100%; margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (min-width: 700px) and (max-width: 1159px) { #main .inside .mod_article .thumbnail { width: 48%; } #main .inside .mod_article .ce_downloads.col-3 ul { column-count: 2; column-gap: 2rem; } } @media screen and (min-width: 960px) and (max-width: 1159px) { #header .inside .mod_article { top: -220px; margin-bottom: -140px; left: 30%; } #header .inside #header_inner { height: 90px; padding: 0 0 0 4rem; } #header .inside #header_inner.shrink { width: calc(100% - 4rem); } #header .inside .mod_logo { width: 180px !important; bottom: -130px; margin-top: -100px; } #header .inside .mod_pageImage { margin-top: 90px; } #header .inside #headermenu { padding-right: 1rem; font-size: 94%; /*top: -1rem;*/ } #header .inside #mainmenu { padding: 0.9rem 0.6rem 0.65rem 0.6rem; } #header .inside #mainmenu ul { background: rgba(255, 255, 255, 0.9); } #header .inside #mainmenu ul a, #header .inside #mainmenu ul strong { display: block; padding: 0; } #header .inside #mainmenu ul a span, #header .inside #mainmenu ul strong span { font-weight: normal; font-size: 0.9rem; text-transform: uppercase; color: #B1063A; } #header .inside #mainmenu ul a span:before, #header .inside #mainmenu ul strong span:before { content: ""; display: block; height: 2.6rem; width: 100%; -webkit-mask-size: 68%; mask-size: 68%; } #header .inside #mainmenu ul a span:after, #header .inside #mainmenu ul strong span:after { margin-top: 0.4rem; } #header .inside #mainmenu ul > li ul li a, #header .inside #mainmenu ul > li ul li strong { font-size: 0.9rem; } #header .inside #mainmenu ul > li.about_us:hover .mod_onepage_navigation ul { left: -32%; } #header .inside #mainmenu ul > li.contact:hover .mod_onepage_navigation ul { left: -24%; } } @media screen and (min-width: 1160px) { .mod_pageImage { margin-top: 115px !important; } #header .inside #header_inner { width: calc(100% - 8rem); } #header .inside #headermenu { padding-right: 1rem; } #header .inside #headermenu ul li { margin-bottom: 0.5rem; } } @media screen and (max-width: 1279px) { #main .mod_article .inner { padding-left: 2%; padding-right: 2%; } } /*# sourceMappingURL=afa.css.map */