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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} html, body { position:relative; } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;t } body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:#3fa535; font-size:15px; line-height:1.3em; } *, body { font-family:'droid_sansregular',Arial,Verdana,sans-serif; color:#222; } /* Hintergrundbilder der verschiedenen Hauptseiten */ body, body.home { /* Fuer Bockbiere background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; */ /* Fuer Brauherren-Pils 2019 */ background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_brauherren2019.jpg') no-repeat top center fixed #fff; /* Fuer Brauherren-Pils (ALT) background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_denkershausen.jpg') no-repeat top center fixed #fff;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body .wrapper_header, body.home .wrapper_header { /* Fuer Bockbiere background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; */ /* Fuer Brauherren-Pils 2019 */ background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_brauherren2019.jpg') no-repeat top center fixed #fff; /* Fuer Brauherren-Pils (ALT) background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_denkershausen.jpg') no-repeat top center fixed #fff; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.bierwelt { /* Fuer Bockbiere background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; */ /* Fuer Brauherren-Pils 2019 */ background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz.jpg') no-repeat top center fixed #fff; } body.bierwelt .wrapper_header { /* Fuer Bockbiere background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; */ /* Fuer Brauherren-Pils 2019 */ background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz.jpg') no-repeat top center fixed #fff; } body.win.safari.bierwelt .wrapper_header, body.ios.bierwelt .wrapper_header { background-attachment:scroll; } body.win.safari, body.win.safari.bierwelt, body.win.safari.brauereitour, body.ios.safari, body.ios.safari.bierwelt, body.ios.safari.brauereitour { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.win.safari .wrapper_header, body.win.safari.bierwelt .wrapper_header, body.win.safari.brauereitour .wrapper_header, body.ios .wrapper_header, body.ios.bierwelt .wrapper_header, body.ios.brauereitour .wrapper_header { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.ios #brauherrenpils .bild_flasche, body.ios #brauherrenalkfrei .bild_flasche, body.ios #radleralkfrei .bild_flasche, body.ios #einbeckerdunkel .bild_flasche, body.ios #weihnachtsbier .bild_flasche, body.ios #premiumpilsener .bild_flasche, body.ios #landbier .bild_flasche, body.ios #kellerbier .bild_flasche, body.ios #lemon .bild_flasche, body.ios #radler .bild_flasche, body.ios #brauherrenpils.sortiment_produkt, body.ios #brauherrenalkfrei.sortiment_produkt, body.ios #radleralkfrei.sortiment_produkt, body.ios #einbeckerdunkel.sortiment_produkt, body.ios #weihnachtsbier.sortiment_produkt, body.ios #premiumpilsener.sortiment_produkt, body.ios #landbier.sortiment_produkt, body.ios #kellerbier.sortiment_produkt, body.ios #lemon.sortiment_produkt, body.ios #radler.sortiment_produkt, body.ios #urbockdunkel.sortiment_produkt, body.ios #urbockhell.sortiment_produkt, body.ios #ainpoeckisch.sortiment_produkt, body.ios #maiurbock.sortiment_produkt, html[lang="en"] body.ios #maiurbock.sortiment_produkt, body.ios #winterbock.sortiment_produkt, html[lang="en"] body.ios #winterbock.sortiment_produkt { background-attachment:scroll; } body.bierwelt.bockbiere { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.bierwelt.bockbiere .wrapper_header { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg') no-repeat top center fixed #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.brauereitour { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_brauereitour.jpg') no-repeat center center fixed #fff; } body.brauereitour .wrapper_header { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_brauereitour.jpg') no-repeat center center fixed #fff; } body.bierwelt.historie { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_historie.jpg') no-repeat top center fixed #fff; } body.bierwelt.historie .wrapper_header { background:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_historie.jpg') no-repeat top center fixed #fff; } /* Cookie Consent */ .cc_dialog.interstitial { right: unset!important; top: 50%!important; left: 50%!important; transform: translate(-50%, -50%); max-width: 580px!important; overflow:scroll!important; position: fixed; } @media screen and (max-width:800px){ .cc_dialog.interstitial { right: unset!important; top: unset!important; left: unset!important; transform: translate(0%, 0%); max-width: 100%!important; height:100vh!important; padding: 15px!important; position: fixed; } .cc_dialog .cc_dialog_headline{ font-size:16px!important; } .cc_css_reboot div p{ font-size:11px!important; } .light.cc_dialog button.cc_b_ok{ margin-bottom:10px!important; } } .wrapper_header { position:fixed; width:100%; z-index:11; } #header { position:relative; } #header a{ text-decoration:none!important; } #header .inside { position:relative; margin:0 auto; width:960px; } body.home #header .inside, body.standardlayout #header .inside, body.bierblog #header .inside { background-color:rgba(255,255,255,0.5); } body.kontakt #header .inside { background:none; } #header_nav .inside, #nav_sub .inside { margin:0 auto; width:960px; } #wrapper { position:relative; } #container { position:relative; margin:0 auto; width:960px; padding:130px 50px 140px 50px; background-color:rgba(255,255,255,0.9); } body.home #container { padding-top:85px; background:rgba(0,0,0,0.6); } body.home #container, body.bierwelt.sortiment #container, body.bierwelt.historie #container, body.bierwelt.exportbock #container { padding-left:0; padding-right:0; } body.bierwelt.historie #container { padding-top:190px; padding-bottom:180px; background-color:rgba(255,255,255,0.4); } body.page.gewinnspiel #container { padding-top:140px; padding-bottom:110px; background-color:rgba(255,255,255,0.0); } body.bierwelt.exportbock #container { padding-top:138px; padding-bottom:280px; background-color:rgba(255,255,255,0.2); } body.bierwelt.historie #container .ce_headline, body.bierwelt.exportbock #container .ce_headline, body.bierwelt.exportbock #container .ce_text.haken { padding-left:50px; padding-right:50px; } body.bierwelt #container { padding-top:170px; background:rgba(255,255,255,0.9); } body.bierwelt.sortiment #container { padding-bottom:80px; background:rgba(255,255,255,0.6); } body.bierwelt.sortiment.bierspezialitaeten #container { padding-top:137px; padding-bottom:80px; background:rgba(255,255,255,0); } body.bierwelt.bockbiere #container { background:rgba(255,255,255,0); } body.bierspezialitaeten h1, body.bierspezialitaeten .wrapper_sortiment-nav { background:rgba(255,255,255,0.6); } body.bockbiere h1, body.bockbiere .wrapper_sortiment-nav { color:#fff; background-color:rgba(255,255,255,0.3); text-shadow:2px 2px 4px rgba(0, 0, 0); text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7); } body.brauereitour #container { padding-top:190px; background:rgba(255,253,236,0.95); } body.unternehmen #container, body.aktionen #container, body.kontakt #container, body.flaschenpost #container { padding-top:190px; } body.layout_2spaltig #main { width:75%; padding-right:5%; } body.layout_2spaltig #right { width:25%; } body.layout_2spaltig #right .mod_article { text-align:right; } #footer { position:fixed; bottom:0; width:100%; min-height:80px; padding-top:5px; padding-bottom:0; z-index:13; background:url('../../files/themes/einbecker_standard/images/layout/bg_footer.jpg') top left repeat-x; -webkit-box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.5); box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.5); } #footer a{ text-decoration:none; } #e-holz { position:absolute; top:3px; width:70px; left:-160px; z-index:1; } #e-holz img { display:block; width:100%; height:auto; } #footer .inside { margin:0 auto; padding-left:10px; width:960px; } #logo { float:left; margin-left:35px; padding:5px 0; } #logo img { display:block; width:35px; height:auto; } #logo a { display:block; max-width:35px; } #wimpel { position:absolute; top:0; right:-75px; z-index:9; } #wimpel a, #wimpel img { display:block; } #wimpel img { width:150px; height:auto; } #slogan { margin:10px 55px 20px 55px; } #slogan img { max-width:850px; height:auto; } #socialmedia { position:relative; float:left; top:4px; z-index:2; } #socialmedia a { display:block; float:left; margin-right:8px; transition:all 0.3s ease-in-out; text-decoration:none; } #socialmedia img { display:block; height:25px; width:auto; } #socialmedia span { display:block; } .socialmedia_fb:before { font-family:FontAwesome; content:'\f082'; font-size:30px; line-height:1.2em; color:#fff; text-shadow:rgba(0,0,0,0.7) -1px -1px 1px; transition:all 0.2s ease-in-out; opacity:0.7; } .socialmedia_yt:before { font-family:FontAwesome; content:'\f167'; font-size:29px; line-height:1.2em; color:#fff; text-shadow:rgba(0,0,0,0.7) -1px -1px 1px; transition:all 0.2s ease-in-out; opacity:0.7; } .socialmedia_fb:hover:before, .socialmedia_yt:hover:before { text-shadow:rgba(0,0,0,0.7) 1px 1px 1px; opacity:1.0; } /* Slider Startseite */ /* Titel ausblenden */ .mod_rocksolid_slider .rsts-caption { display:none; } .rsts-skin-default .rsts-progress { } /* ##### Kacheln Startseite ##### */ .wrapper_kacheln { margin-left:6px; margin-right:6px; } @keyframes zeigedich { from {opacity:0;} to {opacity:1;margin-top:0;} } @-webkit-keyframes zeigedich { from {opacity:0;} to {opacity:1; margin-top:0;} } .umschlag_kachel img { max-width:225px; height:auto; } .umschlag_kachel { animation-name: zeigedich; animation-duration: 1.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-iteration-count:1; animation-play-state: running; -webkit-animation-name: zeigedich; -webkit-animation-duration:1.2s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -webkit-animation-play-state: running; margin-top:30px; opacity:0; position:relative; float:left; margin-left:6px; margin-right:6px; margin-bottom:12px; } .umschlag_kachel.k1 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .umschlag_kachel.k2 { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } .umschlag_kachel.k3 { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; } .umschlag_kachel.k4 { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; } .umschlag_kachel img { display:block; } .kachel_home { position:relative; z-index:2; transition:all 0.2s ease-in-out; }/* ### Kachel drehen bei Mouseover .umschlag_kachel:hover .kachel_home { -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); opacity:0.5; }*/ .wrapper_kacheln a:hover h2, .wrapper_kacheln a:focus h2, .wrapper_kacheln a:active h2 { color:#e50002; } .wrapper_kacheln a:hover .kachel_home_text img, .wrapper_kacheln a:focus .kachel_home_text img, .wrapper_kacheln a:active .kachel_home_text img { width:181px; height:auto; } .kachel_home_text { position:absolute; width:100%; top:0; left:0; padding-left:20px; padding-right:20px; z-index:9; } .kachel_home_text h2 { margin-top:20px; margin-bottom:5px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:20px; color:#3fa535; text-align:center; text-transform:uppercase; letter-spacing:0.02em; transition:all 0.3s ease-in-out; } .kachel_home_text p { margin-top:0; margin-bottom:13px; color:#3fa535; font-size:14px; line-height:1.20em; text-align:center; } .kachel_home_text .image_container { text-align:center; } .kachel_home_text .image_container img { display:inline-block; width:175px; height:auto; border-radius:10px; transition:all 0.2s ease; } .kachel_home_rueckseite { position:absolute; width:100%; height:100%; padding:10px; color:#fff; background:#3fa535; background: -moz-linear-gradient(-45deg, #1f7716 0%, #3fa535 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #1f7716 0%,#3fa535 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #1f7716 0%,#3fa535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7716', endColorstr='#3fa535',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ top:0; left:0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); transition:all 0.4s ease-in-out; opacity:0.5; z-index:1; } .kachel_home_rueckseite h2 { margin-top:10px; color:#fff; font-size:20px; text-align:center; text-transform:uppercase; letter-spacing:0.02em; } .kachel_home_rueckseite p { color:#fff; font-size:13px; line-height:1.25em; text-align:center; }/* ### Kachel drehen .umschlag_kachel:hover .kachel_home_rueckseite { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity:1.0; }*/ .umschlag_kachel.k1 h2, .umschlag_kachel.k1 p { color:#3fa535; } .umschlag_kachel.k2 h2, .umschlag_kachel.k2 p { color:#222; } .umschlag_kachel.k3 h2, .umschlag_kachel.k3 p { /*color:#ad6729;*/ color:#3fa535; } /* Bierblog Startseite */ .umschlag_bierblog { clear:both; padding-left:12px; padding-right:12px; animation-name: zeigedich; animation-duration: 1.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-iteration-count:1; animation-play-state: running; -webkit-animation-name: zeigedich; -webkit-animation-duration:1.2s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -webkit-animation-play-state: running; margin-top:30px; opacity:0; animation-delay: 2.2s; -webkit-animation-delay: 2.2s; } h2.home_bierblog { padding:30px 19px 0 19px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:25px; color:#fff; text-shadow:2px 2px 3px rgba(0, 0, 0); text-shadow:2px 2px 3px rgba(0,0,0,1); } h2.home_bierblog:after { padding-left:12px; content:'\f040'; color:#fff; font-family:FontAwesome; font-size:30px; line-height:1.0em; } .umschlag_bierblog .mod_newslist .layout_latest { width:25%; float:left; padding-left:10px; padding-right:10px; } .umschlag_bierblog .mod_newslist .image_container { padding:10px; text-align:center; } .umschlag_bierblog .mod_newslist img { border:5px solid #fff; width:100%; height:auto; -webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,1); box-shadow: 3px 3px 9px -3px rgba(0,0,0,1); } .umschlag_bierblog .mod_newslist p { margin-top:0; margin-bottom:10px; padding-left:9px; padding-right:9px; font-size:17px; color:#fff; text-shadow:2px 2px 3px rgba(0, 0, 0); text-shadow:2px 2px 3px rgba(0,0,0,1); } .umschlag_bierblog .mod_newslist .more { font-size:15px; text-align:right; } #main .umschlag_bierblog .mod_newslist a { color:#fff; text-shadow:2px 2px 3px rgba(0, 0, 0); text-shadow:2px 2px 3px rgba(0,0,0,1); } #main .umschlag_bierblog .mod_newslist a:hover, #main .umschlag_bierblog .mod_newslist a:focus, #main .umschlag_bierblog .mod_newslist a:active { color:#e50002; } #container a.button.btn_aktuelles, #container .umschlag_bierblog a.button { margin:5px 20px 0 20px; } #container a.button.btn_aktuelles { padding:6px 12px; } .btn_aktuelles:before { margin-right:10px; font-family:FontAwesome; font-size:16px; content:'\f101'; line-height:1.0em; font-weight:normal; color:#fff; } .link_bierblog img { width:250px; height:auto; text-align:center; } /* Tisch, Glas und Flasche im Footer */ #footer_element { position:absolute; width:100%; z-index:14; pointer-events:none; } #tisch_bier { position:fixed; right:0; bottom:87px; pointer-events:none; } #tisch_bier img { display:block; width:640px; height:auto; } body.bierspezialitaeten #footer_element, body.bockbiere #footer_element, body.unternehmen #footer_element, body.presse #footer_element, body.kontakt #footer_element, body.sitemap #footer_element, body.impressum #footer_element, body.onlineshop #footer_element { display:none; } /*Gewinnspiel Echt-Bock */ body.page.gewinnspiel .gewinnspiel_background{ background-image:url('../../files/themes/einbecker_standard/images/Gewinnspiel/pergament_Nagel.png'); background-repeat:no-repeat; background-position:center center; min-height:330px; text-align:center; padding: 40px 20px; } body.page.gewinnspiel .gewinnspiel_background h2, body.page.gewinnspiel .gewinnspiel_background p{ transform: rotate(4.5deg); } body.page.gewinnspiel .gewinnspiel_background h2{ color:#422314; font-weight:700; font-size:34px; } body.page.gewinnspiel .gewinnspiel_background p{ font-size:18px; color:#422314; } /* Footer Link Flaschenpost */ #link_flaschenpost { position:relative; margin-top:8px; clear:both; float:left; z-index:2; } #link_flaschenpost a { color:#fff; text-shadow: rgba(0,0,0,0.7) -1px -1px 1px; } #link_flaschenpost a:hover, #link_flaschenpost a:focus, #link_flaschenpost a:active { color:#ffed00; } /* Footer Copyright */ .copyright { position:relative; clear:both; z-index:2; } .copyright p { margin-bottom:0; padding-bottom:10px; text-align:right; font-size:12px; color:#fff; text-shadow:rgba(0,0,0,0.5) -1px -1px 0; } /* ##### Scroll-to-Top Button ##### */ .totop { position:fixed; left:20px; bottom:20px; width:40px; height:40px; background-color:rgba(255,255,255,0.6); z-index:14; text-decoration:none; } .totop:before { position: absolute; top:-7px; left:0; width:40px; content:'\f106'; color:rgba(0,0,0,0.7); font-family:FontAwesome; font-size:48px; line-height:1.0em; text-align:center; transition:all 0.3s ease; } .totop:hover::before { cursor:pointer; color:#e50002; } .totop:focus::before, .totop:active::before { color:rgba(0,0,0,0.7); } /* Layout-Anspassungen */ body.layout_2spaltig #right .ce_image { margin-bottom:30px; } body.layout_2spaltig #right .ce_image.first { margin-top:130px; } /* Bilder */ #right .image_container a img { transition:all 0.3s ease-in-out; } #right .image_container a:hover img, #right .image_container a:focus img, #right .image_container a:active img { opacity:0.8; } /* Typografie */ h1, h2 { color:#3fa535; font-weight:normal; line-height:1.2em; } h1 { margin-top:0.5em; font-size:34px; color:rgba(0,0,0,0.8); } h1.center { font-size:38px; } h1 + .ce_text h2 { margin-top:10px; } h1 + h2 { margin-top:33px; } body.bierspezialitaeten h1 { margin:0; padding-top:80px; padding-bottom:30px; } body.bockbiere h1 { margin:0; padding-top:50px; padding-bottom:20px; } h2 { margin-top:1.6em; margin-bottom:0.5em; font-size:28px; } h3 { font-size:23px; line-height:1.1em; color:#3fa535; font-weight:normal; } h4, h5, h6 { color:#222; } h4 { margin-top:1.8em; margin-bottom:0.7em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:18px; font-weight:normal; line-height:1.3em; } h4 + p { margin-top:0; } .ce_text + .ce_text h4 { margin-top:0.9em; } h4 a { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; } h5 { margin-top:1.6em; margin-bottom:0; text-transform:uppercase; letter-spacing:0.05em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:15px; font-weight:normal; } h6 { margin-top:1.6em; margin-bottom:0; text-transform:none; font-size:15px; } .ce_headline + .ce_text h3:first-of-type, .ce_headline + .rs-columns h3:first-of-type { margin-top:12px; } .ce_headline + .ce_text h4:first-of-type, .ce_headline + .ce_text h5:first-of-type { margin-top:10px; } b, strong, .bold { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; } strong a { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; } i, .kursiv, .kursiv p { font-family:'open_sansitalic',Arial,Verdana,sans-serif; } p.small, .info_small { font-size:13px; line-height:1.25em; } .info_small p { color:#aaa; } .center { text-align:center; } .nowrap { white-space:nowrap; } .kachel_home_text .display_desktop { margin-bottom:0; } /* Links */ #main a, #main a span { color:#3fa535; text-decoration:none; transition:all 0.3s ease-in-out; } #main a:hover, #main a:focus, #main a:active, #main strong.active{ color:#e50002; text-decoration:none; font-weight:normal; } /* Gepunkteten Rahmen beim Anklicken entfernen */ a, a:link, a:visited { outline:none; } /* ##### Seite Bierspezialitaeten & Bockbiere ##### */ .info-symbol, .close-symbol { display:none; } .wrapper_sortiment-nav { position:relative; width:100%; float:left; } body.bierspezialitaeten .wrapper_sortiment-nav #sortiment_nav-flaschen div { position:relative; float:left; right:50%; } body.bockbiere .wrapper_sortiment-nav #sortiment_nav-flaschen div { position:relative; float:left; } body.bierspezialitaeten #sortiment_nav-flaschen { position:relative; float:left; left:50%; padding:24px 0 10px 0; } body.bockbiere #sortiment_nav-flaschen { position:relative; width:560px; margin:0 auto; padding:40px 0 10px 0; } #sortiment_nav-flaschen .ce_image { padding-left:1px; padding-right:1px; } #sortiment_nav-flaschen .ce_image a, #sortiment_nav-flaschen .ce_image img { display:block; } body.bockbiere .bockbier_ganzjaehrig { margin-right:40px; } body.bockbiere .text_ganzjaehrig-saisonal { clear:both; width:100%; text-align:center; } body.bockbiere .text_ganzjaehrig-saisonal p { margin-top:5px; margin-bottom:35px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:0.07em; color:#fff; text-shadow:none; } .sortiment_pfeil { background-color:rgba(255,255,255,0.6); } .bockbiere .sortiment_pfeil { background-color:rgba(255,255,255,0.3); } .sortiment_pfeil p { margin-top:10px; margin-bottom:30px; } #main .sortiment_pfeil a, #main .sortiment_pfeil a:focus, #main .sortiment_pfeil a:active { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:17px; color:#222; transition:all 0.3s ease-in-out; } .bockbiere #main .sortiment_pfeil a, .bockbiere #main .sortiment_pfeil a:focus, .bockbiere #main .sortiment_pfeil a:active { color:#fff; } #main .sortiment_pfeil:hover a, #main .sortiment_pfeil a:hover { color:#e50002; text-decoration:none; } body.bierspezialitaeten .sortiment_produkt { position:relative; height:800px; border-top:1px solid rgba(255,255,255,0.3); } body.bockbiere .sortiment_produkt { position:relative; height:650px; padding-top:0; border-top:1px solid rgba(0,0,0,0.3); } body.bockbiere #ainpoeckisch.sortiment_produkt { height:740px; } body.bockbiere #maiurbock.sortiment_produkt { height:700px; } body.bockbiere #winterbock.sortiment_produkt { height:740px; } body.bockbiere .sortiment_video { border-top:1px solid rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.3); } body.bierspezialitaeten .sortiment_produkt h2 { position:relative; max-width:320px; margin:100px 0 0 30px; padding:15px 0 5px 15px; color:#222; font-size:20px; line-height:1.2em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; background-color:rgba(255,255,255,0.7); z-index:3; } body.bockbiere .sortiment_produkt h2 { margin-top:0; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:30px; color:#fff; text-shadow:1px 1px 4px rgba(0, 0, 0); text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); } body.bockbiere .sortiment_video h3 { margin-top:0; padding:60px 45px 10px 45px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:22px; color:#fff; text-shadow:1px 1px 4px rgba(0, 0, 0); text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); } body.bockbiere .sortiment_video h3 span { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.2em; color:#fff; } body.bockbiere .sortiment_produkt h3 { display:inline-block; float:left; margin-top:0; margin-bottom:0.3em; padding:10px 15px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:21px; text-transform:uppercase; letter-spacing:0.03em; color:#fff; } body.bockbiere #urbockdunkel h3 { background: #c18149; background: -moz-linear-gradient(left, #c18149 0%, #e5a95d 50%, #c18149 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #c18149 0%,#e5a95d 50%,#c18149 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c18149 0%,#e5a95d 50%,#c18149 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18149', endColorstr='#c18149',GradientType=1 ); /* IE6-9 */ } body.bockbiere #urbockhell h3 { background: #d4a74c; background: -moz-linear-gradient(left, #d4a74c 0%, #ebcc65 50%, #d4a74c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d4a74c 0%,#ebcc65 50%,#d4a74c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d4a74c 0%,#ebcc65 50%,#d4a74c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4a74c', endColorstr='#d4a74c',GradientType=1 ); /* IE6-9 */ } body.bockbiere #ainpoeckisch h3 { background: #5a3932; background: -moz-linear-gradient(left, #5a3932 0%, #af7d36 50%, #5a3932 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #5a3932 0%,#af7d36 50%,#5a3932 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #5a3932 0%,#af7d36 50%,#5a3932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a3932', endColorstr='#5a3932',GradientType=1 ); /* IE6-9 */ } body.bockbiere #maiurbock h3 { background: #3a972b; background: -moz-linear-gradient(left, #3a972b 0%, #8ab916 50%, #3a972b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3a972b 0%,#8ab916 50%,#3a972b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3a972b 0%,#8ab916 50%,#3a972b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a972b', endColorstr='#3a972b',GradientType=1 ); /* IE6-9 */ } body.bockbiere #winterbock h3 { background: #871419; background: -moz-linear-gradient(left, #871419 0%, #e30026 50%, #871419 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #871419 0%,#e30026 50%,#871419 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #871419 0%,#e30026 50%,#871419 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871419', endColorstr='#871419',GradientType=1 ); /* IE6-9 */ } body.bierspezialitaeten .sortiment_produkt h4 { margin-top:0; margin-bottom:0.5em; } body.bierspezialitaeten .sortiment_produkt h5 { margin-top:15px; text-transform:none; letter-spacing:normal; } body.bockbiere .sortiment_produkt h4 { clear:both; color:#fff; } body.bockbiere .beschreibung_sortiment h5 { margin-top:1.3em; padding-bottom:8px; color:#fff; text-transform:none; letter-spacing:normal; } body.bockbiere #main .beschreibung_sortiment a { color:#fff; text-decoration:underline; } body.bockbiere #main .beschreibung_sortiment a:hover, body.bockbiere #main .beschreibung_sortiment a:focus, body.bockbiere #main .beschreibung_sortiment a:active { color:#e50002; text-decoration:underline; } body.bockbiere .beschreibung_sortiment h5 + p { margin-top:0; } body.bockbiere .sortiment_produkt p, body.bockbiere .sortiment_produkt strong { color:#fff; } body.bierspezialitaeten .beschreibung_sortiment { position:relative; max-width:320px; padding-left:15px; padding-right:15px; background-color:rgba(255,255,255,0.7); z-index:3; } body.bockbiere .beschreibung_sortiment { position:relative; overflow:visible; width:50%; margin-left:30px; padding:25px 15px 0 15px; } body.bockbiere .beschreibung_sortiment img, body.bockbiere .beschreibung_sortiment .image_container a { display:block; } body.bockbiere .beschreibung_sortiment .image_container { position:absolute; left:15px; bottom:-56px; } body.bierspezialitaeten .beschreibung_sortiment.float_left { position:relative; min-width:320px; width:30%; margin-left:30px; z-index:3; } body.bierspezialitaeten .beschreibung_sortiment.float_left .image_container { margin-bottom:10px; } body.bockbiere .label_kulbo { position:absolute; top:60px; left:52%; } .beschreibung_sortiment.float_right { overflow:visible; width:25%; margin-right:30px; padding-bottom:20px; } .beschreibung_sortiment.float_right p:last-of-type { margin-bottom:0; } /* BierSelect.de */ .beschreibung_sortiment.float_right .image_container { position:absolute; left:15px; bottom:-65px; } .beschreibung_sortiment.float_right .image_container.two { bottom:-120px; } .beschreibung_sortiment.float_right .image_container a:first-of-type { margin-bottom:10px; } .beschreibung_sortiment.float_right img, .beschreibung_sortiment.float_right .image_container a, .beschreibung_sortiment.float_right .image_container img { display:block; } .bestellen_shop img { float:left; margin-bottom:10px; } /* Scroll-to Funktion */ #scrollto_brauherrenpils, #scrollto_brauherrenalkfrei, #scrollto_radleralkfrei, #scrollto_einbeckerdunkel, #scrollto_weihnachtsbier, #scrollto_premiumpilsener, #scrollto_landbier, #scrollto_kellerbier, #scrollto_lemon, #scrollto_radler, #scrollto_blutorange, #scrollto_urbockdunkel, #scrollto_urbockhell, #scrollto_ainpoeckisch, #scrollto_maiurbock, #scrollto_winterbock { width:1px; height:1px; position:absolute; top:-220px; } #brauherrenpils.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_brauherrenpils.jpg') center center fixed no-repeat; } #brauherrenalkfrei.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_brauherrenalkfrei.jpg') center center fixed no-repeat; } #radleralkfrei.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_radleralkfrei.jpg') center center fixed no-repeat; } #einbeckerdunkel.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_einbeckerdunkel.jpg') center center fixed no-repeat; } #weihnachtsbier.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_weihnachtsbier.jpg') center center fixed no-repeat; } #premiumpilsener.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_premiumpilsener.jpg') center center fixed no-repeat; } #landbier.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_landbier.jpg') center center fixed no-repeat; } #kellerbier.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_kellerbier.jpg') center center fixed no-repeat; } #lemon.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_lemon.jpg') center center fixed no-repeat; } #radler.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_naturradler.jpg') center center fixed no-repeat; } #blutorange.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_blutorange.jpg') center center fixed no-repeat; } #urbockdunkel.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_urbockdunkel.png') center center fixed no-repeat rgba(255,255,255,0.3); } #urbockhell.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_urbockhell.png') center center fixed no-repeat rgba(255,255,255,0.3); } #ainpoeckisch.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_ainpoeckisch.png') center center fixed no-repeat rgba(255,255,255,0.3); } #maiurbock.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_maiurbock.png') center center fixed no-repeat rgba(255,255,255,0.3); } html[lang="en"] #maiurbock.sortiment_produkt { background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_maiurbock-en.png') center center fixed no-repeat rgba(255,255,255,0.3); } #winterbock.sortiment_produkt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_winterbock.png') center center fixed no-repeat rgba(255,255,255,0.3); } html[lang="en"] #winterbock.sortiment_produkt { background:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_winterbock-en.png') center center fixed no-repeat rgba(255,255,255,0.3); } .bild_flasche { position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; } #brauherrenpils .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_brauherrenpils.png') center center fixed no-repeat; } #brauherrenalkfrei .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_brauherrenalkfrei.png') center center fixed no-repeat; } #radleralkfrei .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_radleralkfrei.png') center center fixed no-repeat; } #einbeckerdunkel .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_einbeckerdunkel.png') center center fixed no-repeat; } #weihnachtsbier .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_weihnachtsbier.png') center center fixed no-repeat; } #premiumpilsener .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_premiumpilsener.png') center center fixed no-repeat; } #landbier .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_landbier.png') center center fixed no-repeat; } #kellerbier .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_kellerbier.png') center center fixed no-repeat; } #lemon .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_lemon.png') center center fixed no-repeat; } #radler .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_naturradler.png') center center fixed no-repeat; } #blutorange .bild_flasche { background:url('../../files/themes/einbecker_standard/images/bierwelt/bierspezialitaeten/slide_blutorange.png') center center fixed no-repeat; } /* ##### Seite Historie ##### */ body.historie .historie_abschnitt { position:relative; height:620px; border-top:1px dashed rgba(95,44,0,0.2); } .historie_text { width:50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left:50px; padding-right:40px; } .historie_text p { font-size:18px; line-height:1.4em; color:#222; color:rgba(0,0,0,0.7); } .historie_text h4 { margin-top:5px; margin-bottom:0.5em; padding-left:2px; font-family:'Marck Script',cursive,Verdana,sans-serif; font-size:32px; line-height:1.1em; font-weight:normal; color:#5f2c00; } .historie_text h5 { margin-top:1.8em; margin-bottom:0.7em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:18px; font-weight:normal; line-height:1.3em; text-transform:none; letter-spacing:normal; } #historie_01.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie01.png') center center fixed no-repeat; } #historie_02.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie02.png') center center fixed no-repeat; } #historie_03.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie03.png') center center fixed no-repeat; } #historie_04.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie04.png') center center fixed no-repeat; } #historie_05.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie05.png') center center fixed no-repeat; } #historie_06.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie06.png') center center fixed no-repeat; } #historie_07.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie07.png') center center fixed no-repeat; } #historie_08.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie08.png') center center fixed no-repeat; } #historie_09.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie09.png') center center fixed no-repeat; } #historie_10.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie10.png') center center fixed no-repeat; } #historie_11.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie11.png') center center fixed no-repeat; } #historie_12.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie12.png') center center fixed no-repeat; } #historie_13.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie13.png') center center fixed no-repeat; } #historie_14.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie14.png') center center fixed no-repeat; } #historie_15.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie15.png') center center fixed no-repeat; } #historie_16.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie16.png') center center fixed no-repeat; } /* ##### Seite Export-Bockbock ##### */ body.bierwelt.exportbock h1 { margin-bottom:10px; } body.bierwelt.exportbock .historie_abschnitt { position:relative; height:620px; border-top:1px dashed rgba(255,255,255,0.2); } body.bierwelt.exportbock h1, body.bierwelt.exportbock h4, body.bierwelt.exportbock h5, body.bierwelt.exportbock .ce_text p, body.bierwelt.exportbock .historie_text p, body.bierwelt.exportbock .ce_text.haken ul li { color:#fff; } h4.schreibschrift { margin-top:10px; margin-bottom:0; font-family:'Marck Script',cursive,Verdana,sans-serif; font-size:32px; } #exportbock_01.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock01.png') center center fixed no-repeat; } #exportbock_02.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock02.png') center center fixed no-repeat; } #exportbock_03.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock03.png') center center fixed no-repeat; } #exportbock_04.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock04.png') center center fixed no-repeat; } #exportbock_05.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock05.png') center center fixed no-repeat; } #exportbock_06.historie_abschnitt { position:relative; background:url('../../files/themes/einbecker_standard/images/bierwelt/exportbock/exportbock06.png') center center fixed no-repeat; } /* ##### Seite Naehrwertangaben ##### */ body.naehrwert table { margin-bottom:0; } body.naehrwert table tr:first-of-type { background-color:#3fa535; } body.naehrwert table tr:first-of-type td { color:#fff; } body.naehrwert table td:first-child { width:270px; padding-right:24px; } body.naehrwert table tr:first-of-type td, body.naehrwert table tr td:first-of-type { font-family: 'droid_sansbold',Arial,Verdana,sans-serif; } body.naehrwert table tr:nth-of-type(4) td, body.naehrwert table tr:nth-of-type(6) td { font-family:'droid_sansregular',Arial,Verdana,sans-serif; } /* ##### Seite Datenschutz ##### */ body.datenschutz h3 { margin-top:24px; margin-bottom:14px; font-size:22px; } body.datenschutz h4 { margin-top:14px; margin-bottom:0; font-size:15px; } body.datenschutz #container ul li { padding-bottom:6px; } /* ##### Brauprozess Widget ##### */ @media screen and (min-width: 961px) { .brauprozess p.info-text { padding:0; } .brauprozess .bb-link { position:absolute; bottom:10px; right:0; width:130px; height:30px; } .brauprozess #brauprozess-widget { width:860px; } .brauprozess #brauprozess-widget img { display:block; } .brauprozess #brauprozess-widget .info-box { display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); } .brauprozess #brauprozess-widget .info-box > div { position:absolute; top:100px; left:100px; bottom:120px; right:100px; background:#009632; background:rgba(63,165,53,0.9); border:2px solid #fff; padding:30px 30px 30px 30px; color:#fff; } .brauprozess #brauprozess-widget .info-box h2 { margin-top:10px; color:#fff; } .brauprozess #brauprozess-widget .info-box > div img { position:absolute; left:20px; } .brauprozess #brauprozess-widget .info-box > div p { padding-left:270px; color:#fff; } .brauprozess .close-icon, .brauprozess .info-icon, .brauprozess #brauprozess-widget .info-icon { display:inline-block; width:30px; height:30px; background:url(../../files/themes/einbecker_standard/images/bierwelt/icon-info.png) center center no-repeat; overflow:hidden; text-indent:-99999em; font-size:0px; } .brauprozess p .info-icon { width:20px; height:20px; margin-left:3px; margin-right:3px; background:none; } .brauprozess p .info-icon img { width:100%; height:auto; } .brauprozess .close-icon { position:absolute; top:-16px; right:-16px; background:url(../../files/themes/einbecker_standard/images/bierwelt/icon-close.png) center center no-repeat; cursor:pointer; } .brauprozess #brauprozess-widget .info-icon { position:absolute; cursor:pointer; opacity:0.8; } .brauprozess #brauprozess-widget .info-icon:hover { opacity:1; } .brauprozess #brauprozess-widget { position:relative; } /* Icon-Position */ .brauprozess #brauprozess-widget .info-icon#icon-1 { left:130px; top:160px; } /* Schrothmuehle */ .brauprozess #brauprozess-widget .info-icon#icon-2 { left:580px; top:105px; } /* Sudhaus */ .brauprozess #brauprozess-widget .info-icon#icon-3 { right:35px; top:240px; } /* Wuerzekuehler */ .brauprozess #brauprozess-widget .info-icon#icon-4 { left:140px; top:320px; } /* Gaertank */ .brauprozess #brauprozess-widget .info-icon#icon-5 { left:260px; top:320px; } /* Lagertank */ .brauprozess #brauprozess-widget .info-icon#icon-6 { left:450px; top:355px; } /* Bierfilter */ .brauprozess #brauprozess-widget .info-icon#icon-7 { left:570px; top:260px; } /* Drucktanks */ .brauprozess #brauprozess-widget .info-icon#icon-8 { left:650px; top:260px; } /* Fassabfuellung */ .brauprozess #brauprozess-widget .info-icon#icon-9 { left:610px; top:410px; } /* Flaschenkeller */ .brauprozess #brauprozess-widget .info-icon#icon-10 { right:45px; top:330px; } /* Versandlager */ } /* ##### Seite Brauerei-Tour ##### */ body.brauereitour iframe { margin-top:30px; margin-bottom:20px; } /* ##### Seite Impressum ##### */ .disclaimer p { font-size:13px; line-height:1.3em; } /* Besondere Formate */ .float_left { float:left; } .float_right { float:right; } .clear { clear:both; } .kein_abstand-oben { margin-top:0 !important; } .kein_abstand-unten { margin-bottom:0 !important; } .h_groesser { font-size:1.3em; } h2 .h_groesser { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; color:#fff; } .warning { font-size:22px; color:#e50002; } .text-rot { color:#e50002; } /* ##### Seite Unternehmen ##### */ .headerbild .caption { text-align:right; color:#777; } body.unternehmen.personen h3 { margin-top:35px; line-height:1.1em; } /* ##### Seite Aktionen ##### */ .beschreibung_galerie p { margin-top:5px; } /* ##### Navigation: Main ##### */ /* ##### Fixed Navi Version 1 ausgeblendet .fixed .custom { position: fixed; top:0; transition:all 0.3s ease-in-out; } .fixed .custom #nav_sub .mod_navigation { margin-top:0; margin-bottom:0; border-top:none; transition:all 0.3s ease-in-out; -webkit-box-shadow: 0px 4px 18px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 18px -7px rgba(0,0,0,0.75); box-shadow: 0px 4px 18px -7px rgba(0,0,0,0.75); } .home.fixed #header_nav { -webkit-box-shadow: 0px -3px 20px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px -3px 20px -3px rgba(0,0,0,0.75); box-shadow: 0px -3px 20px -3px rgba(0,0,0,0.75); background:#fff; } .fixed #container { padding-top:160px; } .home.fixed #container { padding-top:100px; } ##### */ /* ##### Seite Hauptversammlung ##### */ body.hauptversammlung, body.hauptversammlung .wrapper_header { background: url('../../files/themes/einbecker_standard/images/rezepte/bg_body-rezepte.jpg') top left fixed #fff !important; } .hauptversammlung_einleitung p { font-size:17px; } .custom { width:100%; z-index:4; transition:all 0.3s ease-in-out; } #header_nav { clear:both; background:url('../../files/themes/einbecker_standard/images/layout/bg_nav-header.png') repeat-x #fff; } #header_nav .mod_navigation { padding-left:5px; overflow:visible; } #header_nav .mod_navigation ul.level_1, #nav_sub .mod_navigation ul.level_1 { margin:0; padding:0; } #header_nav .mod_navigation ul.level_1 > li { list-style-type:none; float:left; font-size:16px; } #header_nav .mod_navigation ul li a{ text-decoration:none; } #header_nav .mod_navigation ul li a span, #header_nav .mod_navigation ul li strong, #nav_sub .mod_navigation ul li a span, #nav_sub .mod_navigation ul li strong { display:block; padding:12px 12px 12px 12px; text-transform:uppercase; text-decoration:none; letter-spacing:0.06em; font-family:'gotham_bold',Verdana,Arial,sans-serif; } #nav_sub .mod_navigation ul li a span { color:#fff; } #nav_sub .mod_navigation ul li strong, #nav_sub .mod_navigation ul li a.trail span{ color:#3fa535; } #header_nav .mod_navigation ul li a { color:#3fa535; transition:all 0.3s ease-in-out; } #header_nav .mod_navigation ul li a span:hover, #header_nav .mod_navigation ul li a span:focus, #header_nav .mod_navigation ul li a span:active { color:#e50002; } #header_nav .mod_navigation ul li span { color:#3fa535; } #header_nav .mod_navigation ul li strong.active, #header_nav .mod_navigation ul li a.trail, #header_nav .mod_navigation ul li strong.trail, #header_nav .mod_navigation ul li a.trail span{ color:#e50002; } /* Aufklappmenu */ #header_nav ul.level_1 li.submenu { position:relative; } #header_nav ul.level_2 { display:block; pointer-events: none; opacity:0; transition:all 0.3s ease-in-out; } #header_nav ul.level_2 li a{ text-decoration:none; } #header_nav ul > li:hover .level_2, #header_nav ul > li:focus .level_2, #header_nav ul > li:active .level_2 { pointer-events: auto; opacity:1.0; top:100%; background: #3fa535; /* Old browsers */ background: -moz-linear-gradient(-45deg, #055127 0%, #3fa535 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #055127 0%,#3fa535 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #055127 0%,#3fa535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055127', endColorstr='#3fa535',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #header_nav ul > li > ul { position:absolute; top:73px; left:0; margin:0; padding:0; list-style-type:none; z-index:7; -webkit-box-shadow: 7px 7px 10px -7px rgba(0,0,0,0.75); -moz-box-shadow: 7px 7px 10px -7px rgba(0,0,0,0.75); box-shadow: 7px 7px 10px -7px rgba(0,0,0,0.75); } #header_nav ul.level_2 li span { display:block; min-width:200px; text-transform:none; letter-spacing:normal; text-transform:none!important; padding:8px 15px; color:#fff; text-shadow:rgba(0,0,0,0.7) -1px -1px; border-bottom:1px solid rgba(255,255,255,0.2); } #header_nav ul.level_2 li { font-size:15px; } #header_nav ul.level_2 li.last a, #header_nav ul.level_2 li.last span { border-bottom:none; padding-bottom:10px; } #header_nav ul.level_2 li a:hover, #header_nav ul.level_2 li a:focus, #header_nav ul.level_2 li a:active { color:#fff; background: rgba(255,255,255,0.2); } #header_nav ul.level_1 li.trail:hover .level_2 { display:none; } /* Navigation Unterpunkte */ #nav_sub .mod_navigation { margin-top:5px; margin-bottom:5px; } #nav_sub .mod_navigation ul li { list-style-type:none; float:left; } #nav_sub .mod_navigation ul li a{ text-decoration:none; } #nav_sub .mod_navigation ul li a span, #nav_sub .mod_navigation ul li strong { display:block; padding:11px 15px 12px 15px; transition:all 0.3s ease-in-out; text-transform:none; font-size:16px; } #nav_sub .mod_navigation ul li a span:hover, #nav_sub .mod_navigation ul li a span:focus, #nav_sub .mod_navigation ul li a span:active { background: rgba(255,255,255,0.3); } #nav_sub .mod_navigation ul li.active, #nav_sub .mod_navigation ul li.trail { background-color:#fff; } body.brauereitour #nav_sub .mod_navigation ul li a span:hover, body.brauereitour #nav_sub .mod_navigation ul li a span:focus, body.brauereitour #nav_sub .mod_navigation ul li a span:active { background: rgba(255,253,236,0.3); } body.brauereitour #nav_sub .mod_navigation ul li.active, body.brauereitour #nav_sub .mod_navigation ul li.trail { background-color:#fffdec; } #nav_sub .mod_navigation ul li strong.active, #nav_sub .mod_navigation ul li a.trail, #nav_sub .mod_navigation ul li span.trail { color:#3fa535; } body.bockbiere #nav_sub .mod_navigation ul li strong.active, body.bockbiere #nav_sub .mod_navigation ul li a.trail { color:#871419; } #nav_sub .inside { background-color:rgba(63,165,53,0.95); background: -moz-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%, rgba(63,165,53,0.95) 50%, rgba(6,82,39,0.95) 100%); background: -webkit-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); background: linear-gradient(135deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23fa535', endColorstr='#f2065227',GradientType=1 ); } body.bockbiere #nav_sub .inside { background: -moz-linear-gradient(left, rgba(227,0,38,0.95) 0%, rgba(227,0,38,0.95) 50%, rgba(135,20,25,0.95) 100%); background: -webkit-linear-gradient(left, rgba(227,0,38,0.95) 0%,rgba(227,0,38,0.95) 50%,rgba(135,20,25,0.95) 100%); background: linear-gradient(to right, rgba(227,0,38,0.95) 0%,rgba(227,0,38,0.95) 50%,rgba(135,20,25,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e30026', endColorstr='#f2871419',GradientType=1 ); } #nav_sub ul li.bierblog { display:none; } /* Navigation: Footer und Sprachenwechsler */ #footer .mod_customnav, #footer .mod_changelanguage { position:relative; margin-top:2px; float:right; z-index:2; } #footer .mod_customnav { margin-right:50px; } #footer .mod_changelanguage ul li a.last, #footer .mod_changelanguage ul li span.last { padding-right:0; } #footer .mod_customnav ul, #footer .mod_changelanguage ul { margin:0; padding:0; } #footer .mod_customnav ul li, #footer .mod_changelanguage ul li { list-style-type:none; float:left; } #footer .mod_customnav ul li span, #footer .mod_changelanguage ul li span { display:block; padding:1px 8px 1px 8px; color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:0.02em; text-decoration:none; text-shadow:rgba(0,0,0,0.7) -1px -1px 1px; border-right:1px solid rgba(255,255,255,0.4); transition:all 0.3s ease-in-out; } #footer .mod_changelanguage ul li strong.active, #footer .mod_customnav ul li strong.active{ border-right:1px solid rgba(255,255,255,0.4); display:block; padding:1px 8px 1px 8px; } #footer .mod_customnav ul li a:hover span, #footer .mod_customnav ul li a:focus span, #footer .mod_customnav ul li a:active span, #footer .mod_changelanguage ul li a:hover span, #footer .mod_changelanguage ul li a:focus span, #footer .mod_changelanguage ul li a:active span, #footer .mod_customnav ul li a:hover, #footer .mod_customnav ul li a:focus, #footer .mod_customnav ul li a:active, #footer .mod_changelanguage ul li a:hover, #footer .mod_changelanguage ul li a:focus, #footer .mod_changelanguage ul li a:active span{ color:#ffed00; text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; text-transform: uppercase; font-weight:normal; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-size:13px; } #footer .mod_customnav ul li a.last, #footer .mod_customnav ul li span.last, #footer .mod_changelanguage ul li a.last, #footer .mod_changelanguage ul li span.last { border-right:none; } #footer .mod_customnav ul li strong.active, #footer .mod_customnav ul li.trail, #footer .mod_customnav ul li.trail a span, #footer .mod_changelanguage ul li strong.active { color:#ffed00; text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; text-transform: uppercase; font-weight:normal; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-size:13px; } /* ##### Navigation Kronkorken Einbecker und Bockbier ##### */ .navi_kronkorken { position:absolute; width:90px; top:150px; left:-110px; z-index:9; } body.bockbiere .navi_kronkorken { top:400px; } .navi_kronkorken a, .navi_kronkorken img { display:block; } .kronkorken_bg { width:80px; position:relative; margin:0 auto; margin-bottom:3px; transition:all 0.3s ease; } .kronkorken_bg.active { width:90px; } .kronkorken_bg a { position:absolute; top:0; left:0; z-index:11; } .kronkorken_bg img { width:100%; height:auto; } .kronkorken_overlay { position:absolute; top:0; left:0; opacity:0; transition:all 0.3s ease; z-index:10; } .kronkorken_bg:hover .kronkorken_overlay { opacity:0.5; } .kronkorken_bg.active .kronkorken_overlay { opacity:1; } /* Kronkorken auf englischer Seite ausblenden */ html[lang="en"] body.bierspezialitaeten .kronkorken_bg.four, html[lang="en"] body.bierspezialitaeten .kronkorken_bg.six, html[lang="en"] body.bierspezialitaeten .kronkorken_bg.eleven { display:none; } /* ##### Navigation OffCanvas ##### */ .btn_nav_mobile, .mod_mmenu#nav_mobile{ display:none; } .mm-menu .mm-list { padding-top:0; } .mm-menu .mm-panel, .mm-navbar{ background: #3fa535; background: -moz-linear-gradient(-45deg, #055127 0%, #3fa535 100%); background: -webkit-linear-gradient(-45deg, #055127 0%,#3fa535 100%); background: linear-gradient(135deg, #055127 0%,#3fa535 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055127', endColorstr='#3fa535',GradientType=1 ); border-left:1px solid rgba(255,255,255,0.25); } .mm-menu .mm-subtitle { padding-top:5px; } .mm-menu ul li a span { color:#fff; } .mm-menu ul li a.trail { background-color:rgba(255,255,255,0.25); } .mm-menu .mm-list > li > a.mm-subclose { padding-bottom:15px; font-size:16px; color:#fff; text-transform:uppercase; letter-spacing:0.10em; background: rgb(7,59,26); background: -moz-linear-gradient(left, rgba(7,59,26,1) 0%, rgba(9,68,30,1) 50%, rgba(20,102,42,1) 100%); background: -webkit-linear-gradient(left, rgba(7,59,26,1) 0%,rgba(9,68,30,1) 50%,rgba(20,102,42,1) 100%); background: linear-gradient(to right, rgba(7,59,26,1) 0%,rgba(9,68,30,1) 50%,rgba(20,102,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073b1a', endColorstr='#14662a',GradientType=1 ); color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); } .mm-list a.mm-subclose::before { margin-bottom:-3px; } /* Linie bis an den Rand */ .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after { margin-left:0; } .mm-navbar__title span{ color:#fff; } /* ##### Sitemap ##### */ .mod_sitemap ul.level_1 { padding-left:0; } .mod_sitemap ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #main .mod_sitemap ul li a { color:#222; } .mod_sitemap ul.level_1 { font-size:18px; font-weight:normal; } .mod_sitemap ul.level_1 li a { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; } .mod_sitemap ul.level_1 > li { list-style-type:none; list-style-position:inside; display:block; border-top:1px solid rgba(63,165,53,0.3); padding:15px 0; clear:both; } .mod_sitemap ul.level_1 > li.last { border-bottom:1px solid rgba(63,165,53,0.3); } .mod_sitemap ul.level_2 { font-size:16px; font-weight:normal; margin:10px 0; padding-top:5px; } .mod_sitemap ul.level_2 > li { list-style-type:decimal; list-style-position:inside; float:left; width:20%; padding:0; margin-bottom:10px; color:#777; } .mod_sitemap .submenu.kontakt ul.level_2 > li { width:33%; } #main .mod_sitemap ul.level_2 > li a { font-family:'droid_sansregular',Arial,Verdana,sans-serif; color:#3fa535; } #main .mod_sitemap ul li a:hover, #main .mod_sitemap ul li a:focus, #main .mod_sitemap ul li a:active { color:#e50002; text-decoration:none; } /* ##### GoogleMaps ##### */ .ce_dlh_googlemaps { width:635px; margin-top:15px; padding:5px; background:#3fa535; background: -moz-linear-gradient(top, rgba(63,165,53,0.4) 0%, rgba(6,82,39,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(63,165,53,0.4) 0%,rgba(6,82,39,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(63,165,53,0.4) 0%,rgba(6,82,39,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#803fa535', endColorstr='#80065227',GradientType=0 ); /* IE6-9 */ } /* ##### Formulare ##### */ #container .form-wechsel.mod_customnav ul{ list-style:none; padding:0; } #container .form-wechsel.mod_customnav span{ margin: 15px 20px 15px 0; display:block; width:170px; padding:8px 15px; color: #fff; text-shadow: rgba(0,0,0,0.5) -1px -1px 1px; text-decoration: none; border: 1px solid #3fa535; background: #3fa535; background: -moz-linear-gradient(left, rgba(63,165,53,1) 0%, rgba(6,82,39,1) 50%); background: -webkit-linear-gradient(left, rgba(63,165,53,1) 0%,rgba(6,82,39,1) 50%); background: linear-gradient(to right, rgba(63,165,53,1) 0%,rgba(6,82,39,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa535', endColorstr='#065227',GradientType=1 ); } #container .form-wechsel.mod_customnav span:hover, #container .form-wechsel.mod_customnav strong.active{ margin: 15px 20px 15px 0; display:block; width:170px; padding:8px 15px; font-weight:normal; color: #fff; text-shadow: rgba(0,0,0,0.5) -1px -1px 1px; text-decoration: none; cursor: pointer; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; text-decoration: none; border: 1px solid #3fa535; background: #065227; background: -moz-linear-gradient(left, rgba(6,82,39,1) 50%, rgba(63,165,53,1) 99%); background: -webkit-linear-gradient(left, rgba(6,82,39,1) 50%,rgba(63,165,53,1) 99%); background: linear-gradient(to right, rgba(6,82,39,1) 50%,rgba(63,165,53,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065227', endColorstr='#3fa535',GradientType=1 ); } #container .formbody { margin-top:10px; } #container .formbody label { display:block; margin-top:12px; margin-bottom:3px; } #container .formbody .widget { margin-bottom:3px; } #container .formbody input.text, #container .formbody textarea, #container .formbody select, #container .formbody input.captcha, #container .formbody input.upload, #container .mod_customnav select{ width:75%; padding:5px; border:none; background-color:rgba(63,165,53,0.2); } #container .mod_customnav select{ } #container .formbody fieldset { border:1px solid rgba(63,165,53,0.2); width:75%; } #container .formbody .widget-radio { margin-top:15px; } #container .formbody .widget-radio label { display:inline-block; margin-top:5px; margin-right:15px; } #container .formbody select.anrede { width:auto; } #container .formbody input.small, #container .formbody input.captcha { width:40px; text-align:center; } #container .formbody input.captcha { margin-bottom:20px; display:inline-block; float:left; } #container .formbody input.captcha + label span.captcha_text { display:inline-block; padding-top:6px; padding-left:7px; } #container .formbody input.captcha + label:after { content:" "; display:block; clear:both; } #container .formbody .widget.explanation { font-size:0.8em; } #container .formbody input.submit, #container a.button, body.bierblog #container p.more a, body.bierblog #container p.back a { margin:20px 0 30px 0; padding:6px 25px; color:#fff; text-shadow:rgba(0,0,0,0.5) -1px -1px 1px; text-decoration:none; border:1px solid #3fa535; background:#3fa535; background: -moz-linear-gradient(left, rgba(63,165,53,1) 0%, rgba(6,82,39,1) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(63,165,53,1) 0%,rgba(6,82,39,1) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(63,165,53,1) 0%,rgba(6,82,39,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa535', endColorstr='#065227',GradientType=1 ); /* IE6-9 */ } #container .formbody input.submit:hover, #container .formbody input.submit:focus, #container .formbody input.submit:active, #container a.button:hover, #container a.button:focus, #container a.button:active, body.bierblog #container p.more a:hover, body.bierblog #container p.more a:focus, body.bierblog #container p.more a:active, body.bierblog #container p.back a:hover, body.bierblog #container p.back a:focus, body.bierblog #container p.back a:active { cursor:pointer; text-shadow:rgba(0,0,0,0.5) 1px 1px 1px; text-decoration:none; border:1px solid #3fa535; background:#065227; background: -moz-linear-gradient(left, rgba(6,82,39,1) 50%, rgba(63,165,53,1) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(6,82,39,1) 50%,rgba(63,165,53,1) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(6,82,39,1) 50%,rgba(63,165,53,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065227', endColorstr='#3fa535',GradientType=1 ); /* IE6-9 */ } #container a.button { display:inline-block; margin-top:30px; } #container .formbody .headline p { color:#222; margin-top:1.5em; margin-bottom:0.8em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:18px; } .error, span.mandatory { color:#e50002; } #container .formbody input.klein { width:90px; text-align:center; } #container .formbody .explanation { width:75%; } body.kontakt.produktreklamation #container .formbody .explanation p { margin-top:4px; margin-bottom:20px; } body.kontakt.sponsoring #container .formbody .explanation p { margin-top:4px; margin-bottom:26px; } body.kontakt.sponsoring #main .mod_quicklink { margin-bottom:0; } #container .formbody .radio_container span { white-space:nowrap; } body.kontakt #main .mod_quicklink { margin-bottom:20px; } body.kontakt #main .mod_quicklink .formbody { margin-top:6px; } body.kontakt #main .mod_quicklink select { padding:8px 5px; font-size:22px; } body.kontakt #main .mod_quicklink h3 { margin-top:20px; margin-bottom:0; font-size:22px; } /* ##### Nachrichtenarchiv: Presse ##### */ body.presse .mod_newslist .layout_full { border-bottom:1px solid rgba(63,165,53,0.3); } body.presse .mod_newslist .layout_full.last { border-bottom:none; } body.presse .mod_newslist .layout_full h3 { margin-bottom:5px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:18px; color:#222; } body.presse .mod_newslist .layout_full h4 { margin-top:0; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-weight:normal; font-size:17px; color:#777; } body.presse .mod_newslist .layout_full a, .download_pdf a { position:relative; padding-left:50px; } body.presse .mod_newslist .layout_full a:before, .download_pdf a:before { margin-right:7px; position:absolute; top:-3px; left:20px; content:url('../../files/themes/einbecker_standard/images/layout/pdf_icon_24x24.png'); line-height:1.2em; } body.presse .mod_newslist .layout_full p { margin-top:5px; margin-bottom:15px; } body.presse .mod_newslist .layout_full .size { color:#aaa; } /* ##### Akkordeon ##### */ .ce_accordionStart { position:relative; } .ce_accordion .accordion { margin-bottom:20px; padding:20px 20px 10px 20px; border:0; background:#fff; } .ce_accordion { margin-bottom:6px; } .ce_accordion .accordion > div { padding:0; } .ce_accordion .toggler { padding:4px 0 4px 12px; color:#fff; line-height:30px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:16px; font-weight:normal; cursor:pointer; background-color:rgba(63,165,53,0.95); background: -moz-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%, rgba(63,165,53,0.95) 50%, rgba(6,82,39,0.95) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23fa535', endColorstr='#f2065227',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .ce_accordion .toggler small { padding-left:10px; color:rgba(255,255,255,0.6); } .ce_accordionStart:last-of-type .toggler { margin-bottom: 0; } .ce_accordion .toggler:before { float:right; clear:both; display:inline-block; margin-right:15px; margin-left:15px; padding:0; text-align:center; font-family:FontAwesome; font-size:32px; line-height:1.0em; font-weight:normal; color:rgba(255,255,255,0.4); content:"\f107"; transition:all 0.3s ease; } .ce_accordion .toggler:hover:before { color:rgba(255,255,255,1.0); } .ce_accordion .toggler.ui-state-active:before { font-family:FontAwesome; content:"\f106"; color:rgba(255,255,255,1.0); } /* Akkordeon: Aktionaere */ body.presse .ce_accordion .toggler { padding:0; background:none; font-size:18px; color:#3fa535; text-transform:uppercase; letter-spacing:0.02em; transition:all 0.3s ease-in-out; } body.presse .ce_accordion .toggler:hover, body.presse .ce_accordion .toggler:focus, body.presse .ce_accordion .toggler:active { color:#e50002; outline:none; } body.presse .ce_accordion .toggler:before { float:left; clear:both; margin-right:7px; margin-left:0; color:#bbb; line-height:0.9em; } body.presse .ce_accordion .accordion { margin-bottom:20px; padding:5px 0 10px 28px; background:none; } body.presse .mod_article .ce_accordionStart:first-of-type { margin-top:30px; } /* ##### Downloadarchive ##### */ .ce_downloadarchive { margin-top:30px; } .ce_downloadarchive .downloadarchivList { margin-bottom:40px; padding-left:21px; } .ce_downloadarchive h3 { margin:0 1px; color:#fff; font-size:18px; padding:5px 10px; background:#e50002; } .ce_downloadarchive .downloadarchivItem { position:relative; float:left; width:182px; height:182px; overflow:hidden; margin:18px 0 0 18px; background:#ccc; } .ce_downloadarchive .downloadarchivItem .image_container { margin:1px; width:180px; height:180px; overflow:hidden; background:#fff; } .ce_downloadarchive .downloadarchivItem .mime_icon { display:none; } #main .ce_downloadarchive a span { color:#aaebbe; } .ce_downloadarchive .downloadarchivItem a, .ce_downloadarchive .downloadarchivItem img { display:block; } .ce_downloadarchive .downloadarchivItem .downloadarchivLink img { display:none; } #main .ce_downloadarchive .downloadarchivItem .downloadarchivLink a { font-size:12px; color:#fff; position:absolute; bottom:25px; left:0; right:0; margin:0 1px; padding:4px 8px; background:#065227; background: -moz-linear-gradient(-45deg, rgba(6,82,39,1) 0%, rgba(63,165,53,1) 50%, rgba(63,165,53,1) 60%, rgba(63,165,53,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(6,82,39,1) 0%,rgba(63,165,53,1) 50%,rgba(63,165,53,1) 60%,rgba(63,165,53,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(6,82,39,1) 0%,rgba(63,165,53,1) 50%,rgba(63,165,53,1) 60%,rgba(63,165,53,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065227', endColorstr='#803fa535',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); z-index:6; } #main .ce_downloadarchive .downloadarchivItem a:hover, #main .ce_downloadarchive .downloadarchivItem a:focus, #main .ce_downloadarchive .downloadarchivItem a:active { color:#ffed00; text-decoration:none; } /* ##### Downloads ##### */ .ce_download { float:left; } .ce_download img.mime_icon { float:left; } #main .ce_download a { display:inline-block; float:left; font-size:14px; line-height:18px; color:#666; margin-right:15px; padding-bottom:5px; } #main .ce_download a:hover, #main .ce_download a:focus, #main .ce_download a:active { color:#e50002; } #wallpaper .image_container { clear:both; } .preview_wallpaper { padding-top:50px; padding-bottom:15px; clear:both; } .preview_wallpaper.first { padding-top:0; } /* ##### Bierlog ##### */ body.bierblog .ce_text h1 { margin-bottom:5px; } body.bierblog .ce_text h1:after { padding-left:10px; content:'\f040'; font-family:FontAwesome; font-size:34px; line-height:1.0em; color:#e50002; } body.bierblog .ce_text h2 { margin-top:0; margin-bottom:40px; font-family:'Marck Script',cursive,Verdana,sans-serif; font-weight:normal; font-size:32px; color:#aaa; } body.bierblog .layout_latest { border-top:1px dashed rgba(0,0,0,0.2); } body.bierblog .layout_latest p.info { width:60px; height:60px; margin-right:30px; float:left; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid rgba(0,0,0,0.2); background: rgb(204,204,204); background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(244,247,247,1) 34%, rgba(255,255,255,1) 63%, rgba(204,204,204,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(34%,rgba(244,247,247,1)), color-stop(63%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%); background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,247,247,1) 34%,rgba(255,255,255,1) 63%,rgba(204,204,204,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); } body.bierblog .layout_latest .day { display:block; margin:0; padding:2px 0 0 0; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.2em; line-height:1.0em; color:#3fa535; } body.bierblog .layout_latest .month { position:relative; margin:0; padding:0; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.2em; line-height:1.0em; color:#222; } body.bierblog .layout_latest h2 { margin-top:20px; margin-bottom:10px; } body.bierblog .layout_latest h2 a { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:28px; } body.bierblog .layout_latest .teaser { padding-left:90px; padding-bottom:1px; } body.bierblog .layout_latest img { border:5px solid #fff; margin:5px 10px 10px 5px; -webkit-box-shadow:3px 3px 9px -3px rgba(0,0,0,1); -moz-box-shadow:3px 3px 9px -3px rgba(0,0,0,1); box-shadow:3px 3px 9px -3px rgba(0,0,0,1); } body.bierblog .layout_latest .more { text-align:right; padding-bottom:20px; } body.bierblog p.back a:before, a.back:before { margin-right:10px; font-family:FontAwesome; font-size:16px; content:'\f100'; line-height:1.0em; font-weight:normal; color:#fff; } body.bierblog #container p.back a, #container a.button.back { padding-left:20px; } a.forward:after { margin-left:10px; font-family:FontAwesome; font-size:16px; content:'\f101'; line-height:1.0em; font-weight:normal; color:#fff; } #container a.button.forward { padding-right:20px; } body.bierblog .layout_full .info { margin-bottom:0; } body.bierblog .layout_full .info time { color:#aaa; } body.bierblog .layout_full h1 { margin-top:0.3em; margin-bottom:0.15em; } body.bierblog .layout_full h2 { padding-left:50px; color:#3fa535; } body.bierblog .layout_full .ce_image .image_container, body.bierblog .layout_full .ce_gallery { margin-top:10px; } body.bierblog .layout_full figcaption { font-size:13px; color:#777; } body.bierblog .layout_full .image_container.float_above { padding-top:20px; } body.bierblog .layout_full .image_container.float_right { padding-left:20px; } body.bierblog .layout_full .image_container.float_left { padding-right:20px; } .bu_rechts img { float:left; margin-right:10px; } body.bierblog .responsive_16-9 { margin-top:20px; } body.bierblog .mod_newsreader p.back { margin-top:30px; padding-top:20px; border-top:1px dashed rgba(0,0,0,0.2); } #container p.more a, body.bierblog #container p.back a { margin:0; } body.bierblog #main .layout_full a { color:#e50002; text-decoration:none; transition:all 0.3s ease-in-out; } body.bierblog #main .layout_full a:hover, body.bierblog #main .layout_full a:focus, body.bierblog #main .layout_full a:active { text-decoration:underline; } body.bierblog #main .layout_full a.cboxElement { text-decoration:none; } #cboxTitle { width:100%; top:auto; bottom:0; padding:7px 12px 12px 12px; color:#fff; background-color:rgba(0,0,0,0.7); } /* ##### YouTube-Einbindung ##### */ .responsive_16-9 { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; } .responsive_16-9 iframe, .responsive_16-9 object, .responsive_16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* ZDF-Mediathek responsive */ .responsive_mediathek { position: relative; padding-bottom:66.25%; height:0; overflow: hidden; } .responsive_mediathek iframe, .responsive_mediathek object, .responsive_mediathek embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* ##### Tabcontrol bzw. Reiter ##### */ .ce_tabcontrol ul, .ce_tabcontrol ul li { margin:0; padding:0; } .ce_tabcontrol ul { padding:40px 5px 0 15px; } .ce_tabcontrol.lexikon .tabcontrol_tabs ul li.tabs, .ce_tabcontrol.products .tabcontrol_tabs ul li.tabs { cursor:pointer; } .ce_tabcontrol.lexikon .tabcontrol_tabs ul li { float:left; display:block; margin-right:2px; margin-bottom:10px; font-weight:normal; text-align:center; width:30px; height:50px; line-height:1.7em; color:#333; background-color:#fff; border-bottom:4px solid #3fa535; box-shadow:1px 1px 5px rgba(0,0,0,0.3); transition:height 0.3s ease, margin 0.3s ease, border-bottom 0.3s ease, color 0.3s ease; } .ce_tabcontrol.lexikon .tabcontrol_tabs ul li:hover, .ce_tabcontrol.lexikon .tabcontrol_tabs ul li:focus { height:60px; margin-top:-10px; padding-bottom:10px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; border-bottom:4px solid #e50002; } .ce_tabcontrol.lexikon .tabcontrol_tabs ul li.selected { color:#fff; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:18px; font-weight:normal; height:60px; margin-top:-10px; border:1px solid rgba(63,165,53,0.3); text-shadow:rgba(0,0,0,0.4) 1px 1px 1px; background-color: rgba(63,165,53,0.95); background: -moz-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%, rgba(63,165,53,0.95) 50%, rgba(6,82,39,0.95) 100%); background: -webkit-linear-gradient(-45deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); background: linear-gradient(135deg, rgba(63,165,53,0.95) 0%,rgba(63,165,53,0.95) 50%,rgba(6,82,39,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23fa535', endColorstr='#f2065227',GradientType=1 ); } .ce_tabcontrol.lexikon .tabcontrol_panes { clear:both; padding-top:20px; border-top:1px solid #ccc; } .ce_tabcontrol.lexikon .tabcontrol_panes h1 { font-family:'Latin Modern Roman', 'Times New Roman', times, serif; font-size:22px; margin:0; } /* ##### Gaestebuch ##### */ .guestbook_name, .guestbook_date, body.gaestebuch .ce_comments .info time { color:#fff; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:0.03em; } body.gaestebuch .ce_comments .form { margin-bottom:50px; } body.gaestebuch .ce_comments .comment_default { margin-bottom:30px; } body.gaestebuch .ce_comments .info { margin:0; padding:10px; font-size:16px; color:#fff; background: #065227; background: -moz-linear-gradient(-45deg, #065227 0%, #065227 0%, #3fa535 50%, #065227 100%); background: -webkit-linear-gradient(-45deg, #065227 0%,#065227 0%,#3fa535 50%,#065227 100%); background: linear-gradient(135deg, #065227 0%,#065227 0%,#3fa535 50%,#065227 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065227', endColorstr='#065227',GradientType=1 ); } body.gaestebuch .ce_comments .info .guestbook_website { position:relative; display:block; padding-top:2px; padding-left:25px; } body.gaestebuch .ce_comments .info .guestbook_website:before { position:absolute; top:0; left:0; font-family:FontAwesome; content:'\f0ac'; font-size:20px; line-height:1.25em; font-weight:normal; color:#fff; } body.gaestebuch #main .ce_comments .info a { color:#fff; } body.gaestebuch #main .ce_comments .info a:hover, body.gaestebuch #main .ce_comments .info a:focus, body.gaestebuch #main .ce_comments .info a:active { color:#ffed00; } body.gaestebuch .ce_comments .comment { padding:2px 20px; background:url('../../files/themes/einbecker_standard/images/layout/bg_pergament.jpg') no-repeat center top #e3d2b2; } body.gaestebuch .ce_comments .comment p { font-family:'Marck Script',cursive,Verdana,sans-serif; font-size:26px; line-height:1.1em; font-weight:normal; color:#7d5131; } .pagination { padding-top:10px; margin-bottom:30px; overflow:visible; } .pagination ul { position:relative; display:block; margin:0; padding:0; list-style-type:none; } .pagination p { position:relative; display:block; padding-top:5px; padding-bottom:10px; border-top:1px solid rgba(63,165,53,0.3); } .pagination ul li { position:relative; float:left; display:block; height:40px; margin-bottom:2px; } #main .pagination ul li a { margin-right:10px; padding:6px 13px; background-color:#3fa535; color:#fff; border:1px solid #3fa535; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main .pagination ul li span { margin-right:10px; padding:6px 13px; } #main .pagination ul li span { background-color:#fff; color:#3fa535; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; border:1px solid #3fa535; } #main .pagination ul li a:hover, #main .pagination ul li a:focus, #main .pagination ul li a:active { color:#fff; text-decoration:none; background-color:#065227; border:1px solid #065227; } #main .pagination a.previous:before, #main .pagination a.next:after, #main .pagination a.first:before, #main .pagination a.last:after { font-family:FontAwesome; font-size:16px; line-height:1.0em; font-weight:normal; color:#fff; } #main .pagination a.previous:before { margin-right:10px; content:'\f104'; } #main .pagination a.next:after { margin-left:10px; content:'\f105'; } #main .pagination a.first:before { margin-right:10px; content:'\f100'; } #main .pagination a.last:after { margin-left:10px; content:'\f101'; } /* ##### Tabellen ##### */ table { margin-top:15px; margin-bottom:30px; border-spacing:0; border:none; } table tr { background-color:rgba(63,165,53,0.05); } table tr:nth-child(odd) { background-color:rgba(63,165,53,0.2); } table td { border:none; padding:5px 10px; font-size:15px; line-height:1.3em; border-bottom:1px solid rgba(63,165,53,0.2); } table td:first-child { padding-right:45px; text-transform:uppercase; } /* ##### Listen ##### */ #container .ce_text ul { padding-left:10px; list-style-type:none; } #container .ce_text ul li { position:relative; padding-left:15px; padding-bottom:10px; } #container .ce_text ul li:before { position:absolute; top:-3px; left:0; content:'\f105'; color:#3fa535; font-family:FontAwesome; font-size:20px; line-height:1.2em; text-align:center; padding-right:10px; } #container .ce_text.haken ul li { padding-left:30px; } #container .ce_text.haken ul li:before { content:'\f00c'; } /* ##### Suche ##### */ body.suche #container .formbody label { display:inline; } body.suche #main .formbody input.text { width:75%; padding:4px 8px; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-size:17px; line-height:1.5em; font-weight:normal; color:#575756; border:1px solid #e2e2e2; -webkit-appearance:none; } body.suche #main .formbody input.submit { margin-top:10px; padding:4px 18px; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-size:17px; line-height:1.5em; font-weight:normal; color:#fff; background-color:#ac9121; border:none; border-radius:3px; transition:all 0.3s ease; -webkit-appearance:none; } body.suche #main .formbody input.submit:hover, body.suche #main .formbody input.submit:focus, body.suche #main .formbody input.submit:active { background-color:#867218; } body.suche h3 a { font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-weight:normal; } body.suche h3 .relevance { font-size:15px; } body.suche .highlight { font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; } body.suche h3 { margin-top:40px; margin-bottom:20px; } body.suche #container .formbody fieldset { width:75%; padding:4px; } body.suche p.header { margin-top:14px; margin-bottom:40px; } body.suche a, body.suche .url, body.suche .url .filesize { text-decoration:none; color:#3fa535; } body.suche .context { margin-bottom:10px; } body.suche .url { margin-top:10px; } body.suche a:hover, body.suche a:focus, body.suche a:active { text-decoration:underline; } input.submit:hover { cursor:pointer; } /* Suchfeld im Header */ #header .mod_search { margin-top:8px; margin-right:100px; float:right; } #header .mod_search:hover button.submit, #header .mod_search:focus button.submit, #header .mod_search:active button.submit { color:#3fa535; } #header .mod_search input.text { width:100px; height:26px; margin-left:40px; padding:4px 6px; font-family:'droid_sansregular',Arial,Verdana,sans-serif; font-size:14px; line-height:1.0em; color:#222; border:none; border-top-left-radius:3px; border-bottom-left-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0; transition:all 0.3s ease; -webkit-appearance:none; } #header .mod_search button.submit { width:26px; height:26px !important; padding:4px; font-family:FontAwesome; font-size:14px; line-height:1.0em; font-weight:normal; color:rgba(0,0,0,0.2); border:none; background-color:#fff; border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px; transition:all 0.3s ease; -webkit-appearance:none; text-indent: -9999px; background-image: url(../../files/themes/einbecker_standard/images/search-solid.svg); background-position:center; background-repeat:no-repeat; background-size: 20px; } #header .mod_search .widget { display: inline-block; margin-left: -4px; } #header .widget.widget-submit { margin-top: 2px; } #header .mod_search input.text:hover, #header .mod_search input.text:focus, #header .mod_search input.text:active { width:140px; margin-left:0; } /* ##### Allgemeine Formate, Abstaende ##### */ .mt5 { margin-top:5px; } .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mt60 { margin-top:60px; } .mt70 { margin-top:70px; } .mt80 { margin-top:80px; } .mt90 { margin-top:90px; } .mt100 { margin-top:100px; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .mb60 { margin-bottom:60px; } .mb70 { margin-bottom:70px; } .mb80 { margin-bottom:80px; } .mb90 { margin-bottom:90px; } .mb100 { margin-bottom:100px; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } /* ##### Altersabfrage ##### */ #cookiebar { background:none; z-index:999; } #cookiebar .mod_confirm_age { position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:999999; display: flex; align-items: center; justify-content: center; } #cookiebar .confirm_age_box { position:relative; width:800px; height:550px; margin:0 auto; background:url(../../files/themes/einbecker_standard/images/altersabfrage/bg-confirm.jpg) top center #222; color:#fff; overflow:hidden; border:1px solid rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 22px 4px rgba(0,0,0,1); -moz-box-shadow: 0px 1px 22px 4px rgba(0,0,0,1); box-shadow: 0px 1px 22px 4px rgba(0,0,0,1); } #cookiebar .logo { text-align:center; padding-top:30px; } #cookiebar .ce_text { padding:30px 20px 20px 20px; font-size:16px; text-align:center; text-shadow:2px 2px 2px #000; } #cookiebar .ce_text p { margin:0; line-height:1.6em; color:#fff; } #cookiebar .ce_form { padding-top:10px; text-align:center; } #cookiebar .wrapper_button { display:inline-block; margin-left:15px; margin-right:10px; border-radius:5px; -webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,1); box-shadow: 3px 3px 11px 0px rgba(0,0,0,1); } #cookiebar button { padding:1px 12px 10px 12px; margin-bottom:10px; height:auto; border-radius:5px; background: #3fa535; /* Old browsers */ background: -moz-linear-gradient(-45deg, #3fa535 0%, #055127 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #3fa535 0%,#055127 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #3fa535 0%,#055127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa535', endColorstr='#055127',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border:3px solid rgba(255,255,255,0); text-shadow:-1px -1px 1px rgba(0,0,0,0.8); } #cookiebar button:hover, #cookiebar button:focus, #cookiebar button:active { background: #055127; /* Old browsers */ background: -moz-linear-gradient(-45deg, #055127 0%, #3fa535 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #055127 0%,#3fa535 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #055127 0%,#3fa535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055127', endColorstr='#3fa535',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ text-shadow:1px 1px 1px rgba(0,0,0,0.8); } #cookiebar .btn_big { display:block; margin:0; padding-bottom:2px; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-weight:normal; font-size:34px; line-height:1.4em; color:#fff; text-align:center; } #cookiebar .btn_normal { display:block; margin:0; font-size:14px; line-height:1.3em; font-weight:normal; color:#fff; text-align:center; } #cookiebar span { color:#fff; margin-right:0; } #cookiebar .jugendschutz_links { position:absolute; right:10px; bottom:25px; padding:10px; text-align:left; z-index:100; } #cookiebar .jugendschutz_links a { margin-left:5px; } #cookiebar .direct_links { position:absolute; left:0; right:0; bottom:60px; background:#ccc; background:rgba(255,255,255,0.3); padding:5px; box-shadow:rgba(0,0,0,0.2) 0 0 10px; } #cookiebar .direct_links ul { margin:0; padding:0; list-style-type:none; } #cookiebar .direct_links ul li { float:left; border-right:1px solid rgba(255,255,255,0.2); } #cookiebar .direct_links ul li:last-child { border-right:0 none; } #cookiebar .direct_links a { padding:0 15px; line-height:1.3em; } #cookiebar .not-german { position:absolute; color:#fff; right:20px; left:20px; bottom:10px; } #cookiebar .not-german a { padding:0 7px; } #cookiebar .not-german { text-align:left; } #cookiebar a { margin-left:0; color:#fff; text-decoration:none; transition:all 0.3s ease-in-out; } #cookiebar a:hover, #cookiebar a:focus, #cookiebar a:active { color:#e50002; text-decoration:none; } #cookiebar .not-german:first-child { padding-right:30px; } /* Altersabfrage auf bestimmten Seiten ausblenden */ body.unternehmen #cookiebar, body.presse #cookiebar, body.kontakt #cookiebar, body.impressum #cookiebar { display:none; } /* Mobile Elemente ausblenden */ .mobile480 { display:none; } @media screen and (min-width: 480px) { .kachel_home_text.text_kleiner h2 { margin-top:25px; font-size:15px; letter-spacing:0.01em; } .kachel_home_text.text_mittel h2 { margin-top:23px; font-size:17px; letter-spacing:0.01em; } html[lang="en"] .kachel_home_text.text_kleiner h2 { font-size:14px; letter-spacing:0em; } } /* ########################################################### */ /* ##### Anpassungen bei unterschiedlicher Anzeige-Hoehe ##### */ /* ########################################################### */ @media screen and (min-height: 1100px) { body.bierwelt.historie #container { padding-bottom:320px; } body.bierwelt.sortiment.bierspezialitaeten #container { padding-bottom:240px; } body.bierwelt.sortiment.bockbiere #container { padding-bottom:280px; } } @media screen and (max-height: 995px) { body.bierspezialitaeten .navi_kronkorken { top:110px; } body.bockbiere .navi_kronkorken { top:230px; } } @media screen and (max-height: 995px) and (min-height: 426px) and (min-width:768px) { /* Scroll-to Funktion */ #scrollto_brauherrenpils, #scrollto_brauherrenalkfrei, #scrollto_radleralkfrei, #scrollto_einbeckerdunkel, #scrollto_weihnachtsbier, #scrollto_premiumpilsener, #scrollto_landbier, #scrollto_kellerbier, #scrollto_lemon, #scrollto_radler, #scrollto_blutorange, #scrollto_urbockdunkel, #scrollto_urbockhell, #scrollto_ainpoeckisch, #scrollto_maiurbock, #scrollto_winterbock { top:-138px; } } @media screen and (max-height: 995px) and (min-height: 426px) and (max-width:768px) { body.bockbiere .sortiment_produkt { height:800px; } } @media screen and (min-height: 720px) and (max-width: 756px) and (orientation: portrait) { #tisch_bier { bottom:118px; } } @media screen and (min-height: 720px) and (max-width: 480px) and (orientation: portrait) { #tisch_bier { bottom:84px; } } @media screen and (max-height: 720px) { #container { padding-bottom:80px; } body.bierwelt.sortiment.bierspezialitaeten #container, body.bierwelt.sortiment #container, body.bierwelt.historie #container { padding-bottom:0; } body.bierspezialitaeten .navi_kronkorken { top:100px; } body.bockbiere .navi_kronkorken { top:155px; } #tisch_bier { position:absolute; bottom:0; } #tisch_bier img { display:block; width:450px; height:auto; } #footer { position:relative; } #historie_01.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie01.png') center 20px fixed no-repeat; } #historie_02.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie02.png') center 20px fixed no-repeat; } #historie_03.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie03.png') center 20px fixed no-repeat; } #historie_04.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie04.png') center 20px fixed no-repeat; } #historie_05.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie05.png') center 20px fixed no-repeat; } #historie_06.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie06.png') center 20px fixed no-repeat; } #historie_07.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie07.png') center 20px fixed no-repeat; } #historie_08.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie08.png') center 20px fixed no-repeat; } #historie_09.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie09.png') center 20px fixed no-repeat; } #historie_10.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie10.png') center 20px fixed no-repeat; } #historie_11.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie11.png') center 20px fixed no-repeat; } #historie_12.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie12.png') center 20px fixed no-repeat; } #historie_13.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie13.png') center 20px fixed no-repeat; } #historie_14.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie14.png') center 20px fixed no-repeat; } #historie_15.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie15.png') center 20px fixed no-repeat; } #historie_16.historie_abschnitt { background:url('../../files/themes/einbecker_standard/images/bierwelt/historie/historie16.png') center 20px fixed no-repeat; } } @media only screen and (max-width: 1540px) { #tisch_bier img { width:520px; } } @media screen and (max-width: 1366px) { #e-holz { left:-110px; } } @media screen and (max-width: 1024px) { #header .mod_search { margin-right:160px; } #wimpel { right:8px; } .navi_kronkorken { display:none; } } @media screen and (max-width: 960px) { #logo { margin-left:20px; } #header .inside, #header_nav .inside, #nav_sub .inside, #container, #footer .inside, #slogan img { width:100%; } #wimpel img { width:120px; } #tisch_bier img { width:420px; } #footer .inside { padding-right:10px; } #e-holz { left:110px; } .totop { left:auto; left:0; bottom:100px; -webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3); -moz-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3); box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3); } /* Seite Sortiment */ #brauherrenpils.sortiment_produkt, #brauherrenalkfrei.sortiment_produkt, #radleralkfrei.sortiment_produkt, #einbeckerdunkel.sortiment_produkt, #weihnachtsbier.sortiment_produkt, #premiumpilsener.sortiment_produkt, #landbier.sortiment_produkt, #kellerbier.sortiment_produkt, #lemon.sortiment_produkt, #radler.sortiment_produkt, #blutorange.sortiment_produkt, #urbockdunkel.sortiment_produkt, #urbockhell.sortiment_produkt, #ainpoeckisch.sortiment_produkt, #maiurbock.sortiment_produkt, html[lang="en"] #maiurbock.sortiment_produkt, #winterbock.sortiment_produkt, html[lang="en"] #winterbock.sortiment_produkt { width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #brauherrenpils .bild_flasche, #brauherrenalkfrei .bild_flasche, #radleralkfrei .bild_flasche, #einbeckerdunkel .bild_flasche, #weihnachtsbier .bild_flasche, #premiumpilsener .bild_flasche, #landbier .bild_flasche, #kellerbier .bild_flasche, #lemon .bild_flasche, #radler .bild_flasche, #blutorange .bild_flasche { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Brauprozess */ #brauprozess-widget { padding-bottom:15px; border-bottom:1px solid #ccc; } .brauprozess #info-box-1 { margin-top:15px; } .brauprozess .info-box h2 { margin-top:0; margin-bottom:0.7em; font-family:'droid_sansbold',Arial,Verdana,sans-serif; font-size:18px; font-weight:normal; line-height:1.3em; } .brauprozess p.info-text { display:none; } .brauprozess .bb-link { display:none; } .brauprozess #brauprozess-widget { position:relative; width:100%; } .brauprozess #brauprozess-widget img { display:block; } .brauprozess #brauprozess-widget .info-box { position:relative; display:block; padding:23px 0; padding-left:145px; min-height:100px; } .brauprozess #brauprozess-widget .info-box > div h1 { font-size:18px; } .brauprozess #brauprozess-widget .info-box > div img { position:absolute; top:25px; left:0; height:115px; width:auto; } .brauprozess #brauprozess-widget .info-box > div p { margin:0; } .brauprozess .close-icon, .brauprozess .info-icon, .brauprozess #brauprozess-widget .info-icon { clear:both; display:none; } } @media screen and (max-width: 800px) { #footer .inside { padding-left:15px; padding-right:15px; } #container { padding:120px 30px 120px 30px; } body.standardlayout #container, body.bierblog #container { padding-bottom:140px; } body.bockbiere .beschreibung_sortiment { width:65%; } body.bockbiere .beschreibung_sortiment { margin-left:15px; } body.bockbiere .label_kulbo { top:50px; left:54%; } .label_kulbo img { width:85px; height:auto; } body.historie .historie_abschnitt { height:460px; } .historie_abschnitt { background-size:100% auto !important; background-position:center center !important; } .historie_text { padding-left:30px; padding-right:15px; } .historie_text p { font-size:16px; } } @media screen and (min-width: 768px) { body.unternehmen #container { min-height:880px; } } @media screen and (max-width: 767px) { body.home .wrapper_header, body.brauereitour .wrapper_header, body.unternehmen .wrapper_header, body.aktionen .wrapper_header, body.bierblog .wrapper_header, body.standardlayout .wrapper_header { webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.2); } body.bierwelt .wrapper_header { webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.4); box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.4); } /* Navigation mobile */ .btn_nav_mobile { position:absolute; display:block; left:25px; top:52px; z-index:9999999; } .btn_nav_mobile:hover { cursor:pointer; } .btn_nav_mobile h2 { margin:0; padding:3px 0 3px 30px; font-family:'gotham_bold',Verdana,Arial,sans-serif; font-weight:normal; font-size:18px; color:#3fa535; text-transform:uppercase; letter-spacing:0.04em; } .btn_nav_mobile a { display:block; text-decoration:none; } .btn_nav_mobile a:after { position:absolute; top:-1px; left:2px; padding-right:5px; font-family:FontAwesome; content:'\f0c9'; font-size:24px; color:#555; line-height:1.2em; } .btn_nav_mobile ul { display:none; } .mm-menu_opened.mod_mmenu#nav_mobile{ display:block; } #header_nav { height:44px; } #header_nav .mod_navigation, #nav_sub { display:none; } body.bierwelt #container, body.bierwelt.historie #container, body.brauereitour #container, body.unternehmen #container, body.aktionen #container, body.kontakt #container, body.flaschenpost #container { padding-top:120px; } body.bierwelt.sortiment.bierspezialitaeten #container { padding-top:85px; } #footer .mod_customnav { padding-top:10px; } #footer .mod_customnav ul li a.first { padding-left:0; } #slogan { margin:10px 20px 20px 20px; } #tisch_bier img { width:360px; } #footer { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #e-holz { display:none; } .totop { bottom:110px; } #footer .mod_customnav { width:100%; margin:0; } #footer .mod_customnav ul { float:right; } #footer .mod_customnav ul li a.last, #footer .mod_customnav ul li span.last { padding-right:0; } body.presse .mod_newslist .layout_full a:before, .download_pdf a:before { margin-left:8px; top:-1px; font-family:FontAwesome; content:'\f1c1'; font-size:18px; line-height:1.2em; color:#e50002; background-color:#fff; } body.presse .mod_newslist .layout_full a, .download_pdf a { display:block; } body.presse .mod_newslist .layout_full span, .download_pdf span { padding-left:49px; } /* Bierblog Startseite */ .umschlag_bierblog .mod_newslist .layout_latest { width:50%; float:left; } .link_bierblog { padding-top:10px; } .umschlag_bierblog .mod_newslist .layout_latest.odd:after { content: "."; height:40px; clear:both; display:block; width:100%; visibility:hidden; } /* Seite Sortiment */ #sortiment_nav-flaschen .ce_image { width:90px; } body .wrapper_header, body.home .wrapper_header, body.onlineshop .wrapper_header { /* Fuer Bockbiere background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel-header.jpg'); */ /* Fuer Brauherren-Pils (ALT) background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren-header.jpg'); */ /* Fuer Brauherren-Pils 2019 */ background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren2019-header.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body, body.home, body.onlineshop { /* Fuer Bockbiere background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_holz-dunkel.jpg'); */ /* Fuer Brauherren-Pils (ALT) background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren.jpg'); */ /* Fuer Brauherren-Pils 2019 */ background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren2019.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; /* fuer Holz-BG ausgeblendet: background-size:100% auto;*/ } body.bierwelt.bockbiere .wrapper_header { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel-header.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.bierwelt.bockbiere { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; background-size:100% auto !important; } #urbockdunkel.sortiment_produkt, #urbockhell.sortiment_produkt, #ainpoeckisch.sortiment_produkt, #maiurbock.sortiment_produkt, html[lang="en"] #maiurbock.sortiment_produkt, #winterbock.sortiment_produkt, html[lang="en"] #winterbock.sortiment_produkt { background-position:right bottom; background-size:100% auto; } /* Spalten */ body.layout_2spaltig #main { width:100%; float:none; padding-right:0; } body.layout_2spaltig #right { width:100%; float:none; } body.layout_2spaltig #right .mod_article { padding-top:20px; text-align:left; } body.layout_2spaltig #right .ce_image.first { margin-top:0; } body.layout_2spaltig #right .ce_image { width:46%; margin-bottom:2%; padding-right:2%; float:left; } body.layout_2spaltig #right .ce_image img { width:100%; height:auto; } /* Formulare */ #container .formbody input.text, #container .formbody input.upload, #container .formbody textarea, #container .formbody select, #container .formbody input.captcha, #container .formbody .explanation { width:100%; } #container .formbody fieldset { width:99%; } #container .formbody fieldset span { display:block; } #container .formbody fieldset span.mandatory { display:inline; padding-left:3px; } /* Sitemap */ .mod_sitemap ul.level_2 > li { width:50%; } .mod_sitemap .submenu.kontakt ul.level_2 > li { width:50%; } .bildlink_youtube .image_container a, .bildlink_youtube .image_container img { display:block; } .bildlink_youtube .image_container img { width:120px; height:auto; } /* Google & Flash */ iframe, .ce_dlh_googlemaps, .dlh_googlemap { width:100% !important; } /* Seite Naehrwertangaben */ body.naehrwert table td:first-child { width:auto; } } @media screen and (max-width: 650px) { body.bockbiere #ainpoeckisch.sortiment_produkt { height:790px; } body.bockbiere #maiurbock.sortiment_produkt { height:740px; } } @media screen and (max-width: 600px) { body.naehrwert table td { padding:4px 2px 2px 2px; font-size:13px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body.naehrwert table td:first-child { padding-right:18px; } } @media screen and (max-width: 560px) { body.bierspezialitaeten .beschreibung_sortiment { background-color:rgba(255,255,255,1.0); } body.bierspezialitaeten .sortiment_produkt h2 { background-color:rgba(255,255,255,1.0); } /* Mobile Elemente einblenden */ .mobile480, .info-symbol, .close-symbol { display:block; } /* Navigation mobile */ .btn_nav_mobile { top:2px; left:auto; right:12px; z-index:999999; } .btn_nav_mobile h2 { display:none; } .btn_nav_mobile a:after { position:relative; top:auto; left:auto; padding:2px 5px; font-size:28px; line-height:1.4em; color:#fff; background: rgb(122,180,29); background: -moz-linear-gradient(-45deg, rgba(122,180,29,1) 0%, rgba(93,142,87,1) 50%, rgba(35,99,32,1) 51%, rgba(3,70,32,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(122,180,29,1) 0%,rgba(93,142,87,1) 50%,rgba(35,99,32,1) 51%,rgba(3,70,32,1) 100%); background: linear-gradient(135deg, rgba(122,180,29,1) 0%,rgba(93,142,87,1) 50%,rgba(35,99,32,1) 51%,rgba(3,70,32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab41d', endColorstr='#034620',GradientType=1 ); border-radius:6px; border:1px solid #2c6d21; } .btn_nav_mobile a:hover:after { background: rgb(255,66,73); background: -moz-linear-gradient(-45deg, rgba(255,66,73,1) 0%, rgba(231,74,80,1) 50%, rgba(219,9,17,1) 51%, rgba(118,1,5,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,66,73,1) 0%,rgba(231,74,80,1) 50%,rgba(219,9,17,1) 51%,rgba(118,1,5,1) 100%); background: linear-gradient(135deg, rgba(255,66,73,1) 0%,rgba(231,74,80,1) 50%,rgba(219,9,17,1) 51%,rgba(118,1,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4249', endColorstr='#760105',GradientType=1 ); border:1px solid #dd0b13; } #nav_sub .mod_quicklink select { float:right; } /* Elemente auf Handy ausblenden */ #wrapper .custom, .rsts-nav, .rsts-prev, .rsts-next { display:none; } #logo { /*margin-right:60px; padding:10px 0; float:right; */ position:absolute; top:4px; right:65px; } #logo img { width:25px; } #header .mod_search { margin-right:0; position:absolute; left:60px; } #wimpel { right:auto; left:8px; } #wimpel img { width:80px; } #container, body.brauereitour #container, body.unternehmen #container, body.aktionen #container, body.kontakt #container { padding:110px 15px 100px 15px; } body.bierwelt.sortiment.bierspezialitaeten #container { padding-top:0; } body.bierwelt.historie #container { padding-top:120px; padding-bottom:80px; } html[lang="en"] body.home #container { padding-bottom:130px; } #slogan { margin:10px 12px 20px 12px; } .totop { left:auto; right:0; bottom:240px; } .umschlag_kachel { width:48%; margin:0 1% 2% 1%; } .kachel_home_text { padding-left:13px; padding-right:13px; } .umschlag_kachel .image_container img { width:100%; height:auto; } .wrapper_kacheln a:hover .kachel_home_text img, .wrapper_kacheln a:focus .kachel_home_text img, .wrapper_kacheln a:active .kachel_home_text img { width:100%; } .kachel_home_text h2 { margin-top:18px; font-size:16px; } .kachel_home_text p { margin-bottom:8px; padding-left:8px; padding-right:8px; font-size:12px; } .kachel_home_text .image_container { padding-left:5px; padding-right:5px; } .kachel_home_text.text_kleiner h2 { margin-top:23px; font-size:12px; letter-spacing:0em; } .kachel_home_text.text_mittel h2 { margin-top:20px; font-size:15px; letter-spacing:0.01em; } html[lang="en"] .kachel_home_text.text_kleiner h2 { font-size:11px; } /* Bierblog Home */ h2.home_bierblog { padding-left:17px; font-size:23px; } h2.home_bierblog:after { padding-left:12px; content:'\f040'; font-size:28px; line-height:1.0em; } .umschlag_bierblog .mod_newslist .layout_latest { padding-left:5px; padding-right:5px; } .umschlag_bierblog .mod_newslist .image_container { padding-bottom:7px; } .umschlag_bierblog .mod_newslist p.more { margin-bottom:15px; } #container a.button.btn_aktuelles { margin-bottom:25px; padding-left:10px; padding-right:10px; } body.home .mod_newslist + .ce_text { text-align:center; } .link_bierblog img { width:200px; } #footer .mod_customnav { padding-top:16px; } #tisch_bier { bottom:118px; } #tisch_bier img { width:250px; } .copyright p { text-align:center; font-size:11px; line-height:1.1em; } /* Hintergrundbilder der verschiedenen Hauptseiten */ body, body .wrapper_header, body.home, body.home .wrapper_header, body.bierwelt.bockbiere .wrapper_header, body.brauereitour, body.brauereitour .wrapper_header, body.bierwelt.historie, body.bierwelt.historie .wrapper_header { background-image:none; } body.home #container { padding-top:42px; background:rgba(0,0,0,0.9); } /* Hintergrundfarben fuer den Header der einzelnen Bereiche */ body.home .wrapper_header, body.standardlayout .wrapper_header, body.unternehmen .wrapper_header, body.aktionen .wrapper_header , body.kontakt .wrapper_header, body.bierblog .wrapper_header, body.suche .wrapper_header, body.onlineshop .wrapper_header { /* # Verlauf im Header (Winter) background:#f9b87e; background: -moz-linear-gradient(left, rgba(247,220,159,1) 0%, rgba(255,203,103,1) 100%); background: -webkit-linear-gradient(left, rgba(247,220,159,1) 0%,rgba(255,203,103,1) 100%); background: linear-gradient(to right, rgba(247,220,159,1) 0%,rgba(255,203,103,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dc9f', endColorstr='#ffcb67',GradientType=1 ); */ /* # BG fuer alle Bockbiere background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel-header.jpg'); */ background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* # BG fuer Brauherren-Pils 2019 */ background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren2019-header.jpg'); /* # BG fuer Brauherren-Pils (ALT) background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_brauherren-header.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ /* # BG fuer Sommer background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_winterfelder-winzenburg.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ } body.brauereitour .wrapper_header { background: rgb(119,83,57); background: -moz-linear-gradient(-45deg, rgba(119,83,57,1) 0%, rgba(179,135,89,1) 50%, rgba(119,83,57,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(119,83,57,1) 0%,rgba(179,135,89,1) 50%,rgba(119,83,57,1) 100%); background: linear-gradient(135deg, rgba(119,83,57,1) 0%,rgba(179,135,89,1) 50%,rgba(119,83,57,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#775339', endColorstr='#775339',GradientType=1 ); } body.bierwelt .wrapper_header { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-header.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.6); box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.6); } body.bierwelt { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; background-size:100% auto !important; } body.bierwelt.historie .wrapper_header { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_historie-header.jpg'); background-repeat:repeat-y; background-position:top center; background-attachment:scroll; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } body.bierwelt.bockbiere .wrapper_header { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel-header.jpg'); } body.bierwelt.bockbiere { background-image:url('../../files/themes/einbecker_standard/images/hintergrundbilder/bg_mobile_holz-dunkel.jpg'); } /* Schatten fuer Kopfzeile body.home .wrapper_header, body.brauereitour .wrapper_header, body.unternehmen .wrapper_header, body.aktionen .wrapper_header, body.bierblog .wrapper_header, body.standardlayout .wrapper_header { webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }*/ /* ##### Seite Gewinnspiel ##### */ body.page.gewinnspiel #container{ padding-top: 100px; padding-bottom: 165px; background-color: rgba(0,0,0,1.0); } body.page.gewinnspiel .gewinnspiel_background { background-image:url('../../files/themes/einbecker_standard/images/Gewinnspiel/pergament_Nagel.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 255px; text-align: center; padding: 18px 20px; } #tisch_bier { bottom: 139px; } /* ##### Seite Sortiment ##### */ body.bierspezialitaeten .sortiment_produkt h2.mobile480 { margin-top:65px; float:none; font-size:23px; background-color:transparent; text-shadow:1px 1px 3px #555; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.9); } body.bierspezialitaeten .sortiment_produkt h2.mobile480, h3.mobile480, h4.mobile480 { position:relative; padding:0 20px 0 20px; color:#fff; z-index:4; } h3.mobile480 { margin-top:12px; margin-bottom:7px; text-shadow:1px 1px 2px #555; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); } h4.mobile480 { font-size:15px; line-height:1.2em; text-shadow:1px 1px 2px #555; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); } body.bierspezialitaeten h1 { padding-top:120px; padding-bottom:0; } .sortiment_pfeil img { width:70px; height:auto; } .sortiment_pfeil p { margin-top:0; } #main .sortiment_pfeil a { font-size:15px; } body.bierspezialitaeten #sortiment_nav-flaschen, body.bierspezialitaeten .wrapper_sortiment-nav #sortiment_nav-flaschen div { left:auto; right:auto; } body.bierspezialitaeten #sortiment_nav-flaschen { padding-left:4%; padding-right:4%; float:none; } body.bierspezialitaeten #sortiment_nav-flaschen .ce_image { width:18%; margin-left:1%; margin-right:1%; padding:0; } body.bockbiere #sortiment_nav-flaschen .ce_image { width:53px; padding-left:1px; padding-right:1px; } body.bierspezialitaeten .beschreibung_sortiment { padding-left:10px; padding-right:10px; max-width:none; overflow:visible; } body.bierspezialitaeten .sortiment_produkt h2 { max-width:none; width:100%; float:right; margin:20px 0 0 0; padding:10px 10px 5px 10px; font-size:16px; line-height:1.1em; } body.bierspezialitaeten .sortiment_produkt h5 { font-size:12px; } body.bierspezialitaeten .beschreibung_sortiment.float_left { position:relative; min-width:0; width:100%; margin-left:0; margin-right:0; padding-bottom:5px; z-index:10; } body.bierspezialitaeten .beschreibung_sortiment.float_left p { margin-top:5px; margin-bottom:5px; font-size:13px; line-height:1.2em; } body.bierspezialitaeten .beschreibung_sortiment.float_left p.small, body.bierspezialitaeten .beschreibung_sortiment.float_left p.small + p { font-size:11px; } body.bierspezialitaeten .beschreibung_sortiment.float_left .image_container { position:absolute; bottom:-110px; right:20px; } body.bierspezialitaeten .beschreibung_sortiment.float_left .image_container img, .label_kulbo img { display:block; width:70px; height:auto; } p.small { font-size:11px; line-height:1.15em; } body.bierspezialitaeten .beschreibung_sortiment.float_right { width:100%; margin-right:0; padding-bottom:20px; } .beschreibung_sortiment.float_right p { margin-top:5px; margin-bottom:5px; font-size:11px; line-height:1.2em; } .beschreibung_sortiment.float_right p img, body.bockbiere .beschreibung_sortiment p img { height:50px; width:auto; } .beschreibung_sortiment.float_right .image_container { left:10px; bottom:-55px; } .beschreibung_sortiment.float_right .image_container.two { bottom:-100px; } .beschreibung_sortiment.float_right .image_container img { height:40px; width:auto; } body.bierspezialitaeten .sortiment_produkt { height:310px; } .bierinfo-box { display: none; position:absolute; top:0; bottom:0; left:0; right:0; padding:10px 15px 0 15px; background:rgba(0,0,0,0.9); z-index:9; } .info-symbol { position:absolute; right:5%; top:5%; z-index:5; } .info-symbol img { width:60px; height:auto; } .close-symbol img { width:40px; height:auto; } .info-symbol:hover { cursor:pointer; } .close-symbol { position:absolute; right:19px; top:35px; z-index:10; } .close-symbol:hover { cursor:pointer; } /* Bockbiere */ body.bierwelt.bockbiere #container { background:rgba(255,255,255,0.3); } body.bockbiere .wrapper_sortiment-nav, .bockbiere .sortiment_pfeil, #urbockdunkel.sortiment_produkt, #urbockhell.sortiment_produkt, #ainpoeckisch.sortiment_produkt, #maiurbock.sortiment_produkt, html[lang="en"] #maiurbock.sortiment_produkt, #winterbock.sortiment_produkt, html[lang="en"] #winterbock.sortiment_produkt, body.bockbiere .sortiment_video { background-color:transparent; } body.bockbiere #sortiment_nav-flaschen, html[lang="en"] body.bockbiere #sortiment_nav-flaschen { width:100%; } body.bockbiere .bockbier_ganzjaehrig { margin-left:35px; margin-right:15px; } body.bockbiere .text_ganzjaehrig-saisonal p, body.bockbiere .beschreibung_sortiment p, body.bockbiere .beschreibung_sortiment h5 { font-size:11px; } body.bockbiere .beschreibung_sortiment p { line-height:1.2em; } body.bockbiere .beschreibung_sortiment h4 + p { font-size:15px; } body.bockbiere .beschreibung_sortiment p.small { font-size:11px; } body.bockbiere .beschreibung_sortiment h5 { margin-top:1.5em; padding-bottom:4px; } body.bockbiere .bockbier_ganzjaehrig .ce_image:nth-child(1) { margin-left:5px; } body.bockbiere .beschreibung_sortiment { width:65%; margin-left:0; padding-left:10px; padding-right:0; background-size:auto 70%; } body.bockbiere .sortiment_produkt { height:500px; } body.bockbiere .sortiment_produkt h2, body.bockbiere .sortiment_produkt h4 { white-space:nowrap; } body.bockbiere .sortiment_produkt h2 { font-size:24px; } .h_groesser { font-size: 1.2em; } body.bockbiere .sortiment_produkt h3 { padding:5px 10px; font-size:17px; white-space:nowrap; } body.bockbiere .label_kulbo { top:60px; left:70%; } body.bockbiere .beschreibung_sortiment .image_container { bottom:-40px; } body.bockbiere .sortiment_video h3 { padding:40px 10px 0 10px; } body.bockbiere .beschreibung_sortiment .image_container img { height:30px; width:auto; } #brauherrenpils .bild_flasche, #brauherrenalkfrei .bild_flasche, #radleralkfrei .bild_flasche, #einbeckerdunkel .bild_flasche, #weihnachtsbier .bild_flasche, #premiumpilsener .bild_flasche, #landbier .bild_flasche, #kellerbier .bild_flasche, #lemon .bild_flasche, #radler .bild_flasche, #brauherrenpils.sortiment_produkt, #brauherrenalkfrei.sortiment_produkt, #radleralkfrei.sortiment_produkt, #einbeckerdunkel.sortiment_produkt, #weihnachtsbier.sortiment_produkt, #premiumpilsener.sortiment_produkt, #landbier.sortiment_produkt, #kellerbier.sortiment_produkt, #lemon.sortiment_produkt, #radler.sortiment_produkt, #urbockdunkel.sortiment_produkt, #urbockhell.sortiment_produkt, #ainpoeckisch.sortiment_produkt, #maiurbock.sortiment_produkt, html[lang="en"] #maiurbock.sortiment_produkt, #winterbock.sortiment_produkt, html[lang="en"] #winterbock.sortiment_produkt { background-attachment:scroll; } #urbockdunkel.sortiment_produkt, #urbockhell.sortiment_produkt, #ainpoeckisch.sortiment_produkt, #maiurbock.sortiment_produkt, html[lang="en"] #maiurbock.sortiment_produkt, #winterbock.sortiment_produkt, html[lang="en"] #winterbock.sortiment_produkt { background-position:right bottom; background-size:100% auto; } #urbockdunkel.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_urbockdunkel-mobile.png'); } #urbockhell.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_urbockhell-mobile.png'); } #ainpoeckisch.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_ainpoeckisch-mobile.png'); } #maiurbock.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_maiurbock-mobile.png'); } html[lang="en"] #maiurbock.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_maiurbock-en-mobile.png'); } #winterbock.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_winterbock-mobile.png'); } html[lang="en"] #winterbock.sortiment_produkt { background-image:url('../../files/themes/einbecker_standard/images/bierwelt/bockbiere/slide_winterbock-en-mobile.png'); } /* Scroll-to Funktion */ #scrollto_brauherrenpils, #scrollto_brauherrenalkfrei, #scrollto_radleralkfrei, #scrollto_einbeckerdunkel, #scrollto_weihnachtsbier, #scrollto_premiumpilsener, #scrollto_landbier, #scrollto_kellerbier, #scrollto_lemon, #scrollto_radler, #scrollto_blutorange, #scrollto_urbockdunkel, #scrollto_urbockhell, #scrollto_ainpoeckisch, #scrollto_maiurbock, #scrollto_winterbock { top:-40px; } /* ##### Seite Historie ##### */ body.bierwelt.historie #container .ce_headline { padding-left:15px; padding-right:15px; } .historie_text { width:55%; float:left; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:20px 10px 20px 15px; } .historie_text h4 { margin-top:5px; margin-bottom:0.4em; font-size:27px; line-height:1.0em; } .historie_text h5 { margin-top:1.2em; margin-bottom:0.5em; font-size:14px; } .historie_text p { font-size:13px; line-height:1.2em; } body.bierwelt.historie #container { background: rgb(228,202,151); background: -moz-linear-gradient(left, rgba(228,202,151,1) 0%, rgba(236,223,193,1) 20%, rgba(248,239,220,1) 50%, rgba(236,223,193,1) 80%, rgba(228,202,151,1) 100%); background: -webkit-linear-gradient(left, rgba(228,202,151,1) 0%,rgba(236,223,193,1) 20%,rgba(248,239,220,1) 50%,rgba(236,223,193,1) 80%,rgba(228,202,151,1) 100%); background: linear-gradient(to right, rgba(228,202,151,1) 0%,rgba(236,223,193,1) 20%,rgba(248,239,220,1) 50%,rgba(236,223,193,1) 80%,rgba(228,202,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ca97', endColorstr='#e4ca97',GradientType=1 ); } body.historie .historie_abschnitt { height:auto; clear:both; } #historie_01.historie_abschnitt, #historie_02.historie_abschnitt, #historie_03.historie_abschnitt, #historie_04.historie_abschnitt, #historie_05.historie_abschnitt, #historie_06.historie_abschnitt, #historie_07.historie_abschnitt, #historie_08.historie_abschnitt, #historie_09.historie_abschnitt, #historie_10.historie_abschnitt, #historie_11.historie_abschnitt, #historie_12.historie_abschnitt, #historie_13.historie_abschnitt, #historie_14.historie_abschnitt, #historie_15.historie_abschnitt, #historie_16.historie_abschnitt { background:none; } .historie_bild { position:relative; width:45%; float:right; } #historie_01 .historie_bild, #historie_05 .historie_bild, #historie_13 .historie_bild, #historie_14 .historie_bild { padding-top:20px; } /* ##### Seite Bierblog ##### */ body.bierblog .layout_latest .teaser { padding-left:0; } body.bierblog .layout_latest p.info { width:50px; height:53px; margin-right:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } body.bierblog .layout_latest .day { padding:2px 0 0 0; font-size:1.8em; line-height:1.0em; } body.bierblog .layout_latest .month { padding:0; font-size:1.0em; line-height:1.0em; } body.bierblog .layout_latest h2 { margin-top:15px; line-height:1.0em; } body.bierblog .layout_latest h2 a { font-size:22px; } body.bierblog .layout_lates .image_container.float_above img { text-align:center; } body.bierblog .ce_text h2 { margin-bottom:30px; font-size:24px; line-height:1.1em; } body.bierblog .layout_full h2 { padding-left:0; } body.bierblog .layout_full .image_container.float_left, body.bierblog .layout_full .image_container.float_right { width:100%; padding:0; } .bu_rechts img { float:none; margin-right:0; } /* Gaestebuch */ body.gaestebuch .ce_comments .comment { padding: 2px 17px; } body.gaestebuch .ce_comments .comment p { font-size:22px; } .guestbook_name:after { content:" "; clear:both; display:block; } /* Spalten */ #container .rs-column { width:100%; float:none; } /* Akkordeon */ .ce_accordion .toggler small { display:block; line-height:1.2em; padding-left:0; padding-bottom:5px; } /* ##### Downloadarchive ##### */ .ce_downloadarchive .downloadarchivList { padding-left:0; } .ce_downloadarchive .downloadarchivItem.odd { margin-left:0; } .ce_downloadarchive .downloadarchivItem.even { margin-left:4%; } .ce_downloadarchive .downloadarchivItem { width:48%; height:auto; border:1px solid #ccc; } .ce_downloadarchive .downloadarchivItem .image_container { width:100%; height:auto; margin:0; } .ce_downloadarchive .downloadarchivItem img { max-width:none; width:100%; height:auto; } #main .ce_downloadarchive .downloadarchivItem .downloadarchivLink a { margin:0; } /* Downloads */ body.presse .mod_newslist .layout_full a, .download_pdf a { padding-left:22px; } body.presse .mod_newslist .layout_full a::before, .download_pdf a::before { margin-left:0; left:0; } body.presse .mod_newslist .layout_full span, .download_pdf span { padding-left:21px; } /* Lexikon */ .ce_tabcontrol ul { padding:20px 3px 0 5px; } .ce_tabcontrol.lexikon .tabcontrol_panes { padding-top:5px; } /* Sitemap */ .mod_sitemap ul.level_2 > li, .mod_sitemap .submenu.kontakt ul.level_2 > li { width:100%; float:none; } .bildlink_youtube .image_container img { width:90px; } /* ##### Typografie ##### */ h1 { margin-top:0.5em; font-size:28px; } h1.center { font-size:28px; } h2 { margin-top:1.2em; font-size:25px; } h3 { font-size:21px; line-height:1.1em; } .display_desktop { margin-top:-3px; } } @media screen and (max-width: 520px) { #footer .mod_customnav ul { float:left; } #footer .mod_customnav ul li:nth-of-type(3) a, #footer .mod_customnav ul li:nth-of-type(3) span { padding-right:0; border-right:none; } #footer .mod_customnav ul li:nth-of-type(4) { clear:both; } #footer .mod_customnav ul li:nth-of-type(4) a { padding-left:0; } .display_desktop { margin-top:0; display:none; } } @media screen and (max-width: 430px) { body.bockbiere #urbockdunkel.sortiment_produkt { height:540px; } } @media only screen and (max-width: 390px) { /* Gewinnspiel Seite */ #tisch_bier { bottom: 30px; } } @media only screen and (max-width: 360px) { .kachel_home_text h2 { margin-top:12px; } body.bockbiere .bockbier_ganzjaehrig { margin-left:25px; } body.suche #main .formbody input.text, body.suche #container .formbody fieldset { width:100%; } #header .mod_search input.text:hover, #header .mod_search input.text:focus, #header .mod_search input.text:active { width:120px; margin-left:0; } .kachel_home_text.text_kleiner h2 { margin-top:14px; font-size:11px; letter-spacing:0em; } .kachel_home_text.text_mittel h2 { margin-top:14px; font-size:13px; letter-spacing:0.01em; } html[lang="en"] .kachel_home_text.text_kleiner h2 { font-size:11px; } body.unternehmen.naehrwert #container { padding-bottom:140px; } body.naehrwert table td { padding:4px 2px 2px 2px; font-size:11px; } body.naehrwert table td:first-child { padding-right:10px; } } @media only screen and (max-width: 359px) { #container, body.brauereitour #container, body.unternehmen #container, body.aktionen #container, body.kontakt #container { padding:90px 15px 70px 15px; } body.bierwelt #container, body.bierwelt.historie #container, body.brauereitour #container, body.unternehmen #container, body.aktionen #container, body.kontakt #container { padding-top:100px; } #wimpel img { width:65px; } .kachel_home_text { padding-left:10px; padding-right:10px; } .kachel_home_text h2 { margin-top:14px; margin-bottom:2px; font-size:15px; letter-spacing:0; } .kachel_home_text p { margin-bottom:5px; padding-left:3px; padding-right:3px; } .kachel_home_text .image_container { padding-left:8px; padding-right:8px; } h2.home_bierblog { margin-bottom:0.7em; padding-top:40px; padding-left:0; font-size:21px; } .umschlag_bierblog .mod_newslist .layout_latest { width:100%; float:none; margin-bottom:30px; } .umschlag_bierblog .mod_newslist .layout_latest.last { margin-bottom:5px; } .umschlag_bierblog .mod_newslist .image_container, .umschlag_bierblog .mod_newslist p { padding-left:30px; padding-right:30px; } .link_bierblog { padding-bottom:30px; } #tisch_bier { bottom:143px; } #tisch_bier img { width:200px; } /* Bierspezialitaeten */ .beschreibung_sortiment.float_right .image_container { bottom:-35px; } .beschreibung_sortiment.float_right .image_container img { height:30px; } .info-symbol { right:5%; top:5%; } /* Bockbiere */ .bockbier_saisonal { margin-left:60px; } body.bockbiere .sortiment_produkt { height:550px; } html[lang="en"] body.bockbiere .sortiment_produkt { height:550px; } body.bockbiere .sortiment_produkt h2 { font-size:22px; } .h_groesser { font-size: 1.2em; } body.bockbiere .sortiment_produkt h3 { font-size:16px; } body.bockbiere .sortiment_produkt h4 { font-size:16px; } /* ##### Seite Gewinnspiel ##### */ body.page.gewinnspiel #container{ padding-top: 100px; padding-bottom: 135px; background-color: rgba(0,0,0,1.0); } body.page.gewinnspiel .gewinnspiel_background { background-image:url('../../files/themes/einbecker_standard/images/Gewinnspiel/pergament_Nagel.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 255px; text-align: center; padding: 18px 20px; } #tisch_bier { bottom: 30px; } body.page.gewinnspiel .gewinnspiel_background h2 { font-size: 25px; margin-top: 2.5em; } body.page.gewinnspiel .gewinnspiel_background p { font-size: 14px; margin-top: 0.25em; } } /* Altersabfrage */ @media only screen and (max-width: 800px) { #cookiebar .confirm_age_box { width:100%; height:550px; margin:0 auto; color:#fff; overflow:hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width: 680px) { #cookiebar .confirm_age_box { height:auto; padding-bottom:45px; } #cookiebar .logo { padding-top:15px; } #cookiebar .ce_text { padding-top:20px; font-size:14px; } #cookiebar .wrapper_button { width:40%; } #cookiebar .wrapper_button button { width:100%; } #cookiebar .direct_links { position:relative; margin-top:30px; bottom:auto; } #cookiebar .direct_links ul li { position:relative; float:none; padding-left:12px; text-align:left; border-right:none; } #cookiebar .direct_links ul li:before { position:absolute; top:4px; left:15px; content:'\f105'; color:#fff; font-family:FontAwesome; font-size:18px; line-height:1.0em; text-align:center; padding-right:5px; } #cookiebar .jugendschutz_links { bottom:36px; } #cookiebar .not-german { line-height:1.3em; } } @media only screen and (max-width: 480px) { #cookiebar .confirm_age_box { padding-bottom:55px; } #cookiebar .logo img { width:120px; height:auto; } #cookiebar .ce_text { padding:10px 10px; font-size:12px; } #cookiebar .wrapper_button button { padding-left:6px; padding-right:6px; } #cookiebar .btn_big { font-size:24px; } #cookiebar .btn_normal { font-size:13px; } #cookiebar .direct_links ul li { line-height:1.2em; padding-left:4px; } #cookiebar .direct_links ul li:before { left:7px; top:0; } #cookiebar .jugendschutz_links { padding-right:0; } #cookiebar .jugendschutz_links a { margin-left:2px; } #cookiebar .jugendschutz_links img { width:45px; height:auto; } #cookiebar .jugendschutz_links { bottom:43px; } #cookiebar .not-german { left:10px; } } @media only screen and (max-width: 359px) { #cookiebar .logo { padding-top:10px; } #cookiebar .confirm_age_box { padding-bottom:50px; } #cookiebar .ce_text { padding:5px 8px 10px 8px; font-size:11px; line-height:1.1.em; } #cookiebar .ce_form { padding-top:0; } #cookiebar button { padding-bottom:4px; font-size:12px; } #cookiebar .btn_big { font-size:16px; } #cookiebar .btn_normal { font-size:12px; } #cookiebar .jugendschutz_links { bottom:46px; padding:0; } #cookiebar .direct_links { margin-top:25px; } #cookiebar .direct_links ul li:before { top:-2px; left:3px; } #cookiebar .direct_links ul li { padding-left:0; } #cookiebar .direct_links ul li a { padding-left:13px; font-size:11px; } #cookiebar .not-german { font-size:11px; } } @media only screen and (max-height: 1020px) { .kronkorken_bg { width:70px; position:relative; margin:0 auto; margin-bottom:3px; transition:all 0.3s ease; } .kronkorken_bg.active { width:80px; }