/** clearing **/ .clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;} /** block grid **/ .autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;} .autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;} /** block grid wrapper **/ .autogrid_wrapper {margin-left: -1%; margin-right: -1%;} /** non block **/ .autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;} /* .block.autogrid.first, .block.autogrid:first-child {margin-left: -1%;} */ /* .block.autogrid.last, .block.autogrid:last-child {margin-right: -1%;} */ /** Non block grid **/ .full {width: 98%;} .one_half {width: 48%;} .one_third {width: 31.3333%;} .one_fourth {width: 23%;} .one_fifth {width: 18%;} .one_sixth {width: 14.6667%;} /** Block grid **/ .block.full {width: 100%;} .block.one_half {width: 50%;} .block.one_third {width: 33.3333%;} .block.one_fourth {width: 25%;} .block.one_fifth {width: 20%;} .block.one_sixth {width: 16.6667%;} .block.two_third {width: 66.6667%;} .block.two_fourth {width: 50%;} .block.three_fourth {width: 75%;} .block.two_fifth {width: 40%;} .block.three_fifth {width: 60%;} .block.four_fifth {width: 80%;} .block.two_sixth {width: 33.3333%;} .block.three_sixth {width: 49.9999%;} .block.four_sixth {width: 66.6667%;} .block.five_sixth {width: 83.3333%;} /** Non block grid system **/ /** odd split: 2 elements per row **/ .n2:not(.block).one_third {width: 32%;} .n2:not(.block).two_third {width: 64%;} .n2:not(.block).one_fourth {width: 24%;} .n2:not(.block).two_fourth {width: 48%;} .n2:not(.block).three_fourth {width: 72%;} .n2:not(.block).one_fifth {width: 19.2%;} .n2:not(.block).two_fifth {width: 38.4%;} .n2:not(.block).three_fifth {width: 57.6%;} .n2:not(.block).four_fifth {width: 76.8%;} .n2:not(.block).one_sixth {width: 16%;} .n2:not(.block).two_sixth {width: 32%;} .n2:not(.block).three_sixth {width: 48%;} .n2:not(.block).four_sixth {width: 64%;} .n2:not(.block).five_sixth {width: 80%;} /** odd split: 3 elements per row **/ .n3:not(.block).one_half {width: 47%;} .n3:not(.block).two_third {width: 62.6667%;} .n3:not(.block).one_fourth {width: 23.5%;} .n3:not(.block).two_fourth {width: 47%;} .n3:not(.block).three_fourth {width: 70.5%;} .n3:not(.block).one_fifth {width: 18.8%;} .n3:not(.block).two_fifth {width: 37.6%;} .n3:not(.block).three_fifth {width: 56.4%;} .n3:not(.block).four_fifth {width: 75.2%;} .n3:not(.block).one_sixth {width: 15.6667%;} .n3:not(.block).two_sixth {width: 31.3333%;} .n3:not(.block).three_sixth {width: 47%;} .n3:not(.block).four_sixth {width: 62.6667%;} .n3:not(.block).five_sixth {width: 78.3333%;} /** odd split: 4 elements per row **/ .n4:not(.block).one_half {width: 46%;} .n4:not(.block).one_third {width: 30.6667%;} .n4:not(.block).two_third {width: 61.3333%;} .n4:not(.block).two_fourth {width: 46%;} .n4:not(.block).three_fourth {width: 69%;} .n4:not(.block).one_fifth {width: 18.4%;} .n4:not(.block).two_fifth {width: 36.8%;} .n4:not(.block).three_fifth {width: 55.2%;} .n4:not(.block).four_fifth {width: 73.6%;} .n4:not(.block).one_sixth {width: 15.3333%;} .n4:not(.block).two_sixth {width: 30.6667%;} .n4:not(.block).three_sixth {width: 46%;} .n4:not(.block).four_sixth {width: 61.3333%;} .n4:not(.block).five_sixth {width: 76.6667%;} /** odd split: 5 elements per row **/ .n5:not(.block).one_half {width: 45%;} .n5:not(.block).one_third {width: 30%;} .n5:not(.block).two_third {width: 60%;} .n5:not(.block).one_fourth {width: 22.5%;} .n5:not(.block).two_fourth {width: 45%;} .n5:not(.block).three_fourth {width: 67.5%;} .n5:not(.block).two_fifth {width: 36%;} .n5:not(.block).three_fifth {width: 54%;} .n5:not(.block).four_fifth {width: 72%;} .n5:not(.block).one_sixth {width: 15%;} .n5:not(.block).two_sixth {width: 30%;} .n5:not(.block).three_sixth {width: 45%;} .n5:not(.block).four_sixth {width: 60%;} .n5:not(.block).five_sixth {width: 75%;} /** odd split: 6 elements per row **/ .n6:not(.block).one_half {width: 44%;} .n6:not(.block).one_third {width: 29.3333%;} .n6:not(.block).two_third {width: 58.6667%;} .n6:not(.block).one_fourth {width: 22%;} .n6:not(.block).two_fourth {width: 44%;} .n6:not(.block).three_fourth {width: 66%;} .n6:not(.block).one_fifth {width: 17.6%;} .n6:not(.block).two_fifth {width: 35.2%;} .n6:not(.block).three_fifth {width: 52.8%;} .n6:not(.block).four_fifth {width: 70.4%;} .n6:not(.block).two_sixth {width: 29.3333%;} .n6:not(.block).three_sixth {width: 44%;} .n6:not(.block).four_sixth {width: 58.6667%;} .n6:not(.block).five_sixth {width: 73.3333%;} .border-inner {border-left: 1px solid #ddd;} .border-inner.first, .border-inner:first-child {border-left: 0;} .border-inner.last, .border-inner:last-child {border-right: 0;} /** optical correction **/ /* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */ /** grid options **/ .autogrid.break {clear:left; margin-left: 0;} .autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;} /** same height **/ .autogrid.same-height {display: table-cell; float: none; vertical-align: top;} /** flexible same height **/ .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;} /** autogrid full **/ .autogrid.full {padding-left: 0; padding-right: 0;} .autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;} /** no gutter **/ .autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;} .autogrid_wrapper.no_gutter_left {margin-left: 0;} .autogrid_wrapper.no_gutter_right {margin-right: 0;} .autogrid.no_gutter {padding-left: 0; padding-right: 0;} .autogrid.no_gutter_left {padding-left: 0;} .autogrid.no_gutter_right {padding-right: 0;} /** tablets **/ @media only screen and (min-width: 768px) and (max-width: 990px) { .autogrid.adjust_mobile {width: 50% !important} } /** phones **/ @media only screen and (max-width: 767px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} .border-inner {border-left: 0;} .ce_autogridSpacer {margin: 0!important; line-height: 0!important;} } #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} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.headerSortDown{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.headerSortUp{background-image:url(../../assets/tablesorter/images/desc.svg)} .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } .sharebuttons > ul.fontawesome > li > a { text-indent:0; text-decoration:none; font-size:24px; width:32px; height:32px; line-height:32px; text-align:center; color:#606060; transition:0.4s; } .sharebuttons > ul.fontawesome > li > a:hover { color:#000; } /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #4c4c4c; padding: 5px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /* Formular */ input, textarea, select { color: #666; font-size: 16px; margin-bottom: 5px; } input[type="checkbox"] { width: auto; display: block; float: left; margin: 5px 5px 0 0; } form select { padding: 5px 10px; } input.radio { width: inherit; } #wrapper { z-index: inherit; } #main .mod_article { margin-top: 0; } body.sidebar #right .inside { padding-top: 0; } body #sidebar { margin-top: 0; } .subnavi h2 { margin-top: 0; } #main, #right { margin-top: 30px; } #main .mod_article h1, #sidebar h2, #right h1, #right h2 { font-size: 24px; font-weight: bold; margin-bottom: 15px; } #main .mod_article h2 { font-size: 20px; font-weight: bold; } #right .mod_event_search { margin-bottom: 40px; } .fotogalerie #main .mod_article { margin-bottom: 20px; } /* Navigation - Gesinnungsnavi */ #top-wrapper { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } #header .inside { line-height: 77px; } nav.mainmenu { height: 77px; } #top-wrapper.fixed #header .inside { line-height: 77px; } body .mainmenu ul li a:not(.active):not(.trail), .top-icons a { border-bottom: none; color: #999999; margin-bottom: 0; } body .mainmenu ul li a { letter-spacing: 0.37px; } body .mainmenu ul li a.trail, body .mainmenu ul li a.active, body.home .mainmenu ul li a.home { border-bottom: none !important; color: #a55e00; margin-bottom: 0 !important; } .mainmenu ul .megamenu-wrapper { box-shadow: none; top: 77px; } .mainmenu ul li.megamenu .megamenu-wrapper { background-color: #a55e00; border: none; margin-left: -2000px; margin-right: -2000px; padding-bottom: 10px; padding-left: 2000px; padding-right: 2000px; } nav.mainmenu li.megamenu ul { border-top: none; margin-left: -20px; margin-top: 0; padding: 2%; } nav.mainmenu li { position: relative; } nav.mainmenu li:focus:before, nav.mainmenu li:hover:before { border-bottom: 12px solid #a55e00; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 0; content: " "; height: 0; left: 50%; position: absolute; width: 0; } body nav.mainmenu li a:focus, body nav.mainmenu li a:hover, body nav.mainmenu li a.trail, body nav.mainmenu li a.active { color: #a55e00 !important; } /* Navigation - Gesinnungsnavi - Unterpunkte */ nav.mainmenu li.megamenu a { border-bottom: none; margin-bottom: none; } .mainmenu ul .megamenu ul li { border: none; } body nav.mainmenu li.megamenu ul a:not(.active):not(.trail) { color: #fff; } body nav.mainmenu li.megamenu ul a { font-size: 14px !important; letter-spacing: 0.4px; line-height: 30px !important; } body nav.mainmenu li.megamenu ul a:focus, body nav.mainmenu li.megamenu ul a:hover, body nav.mainmenu li.megamenu ul a.trail, body nav.mainmenu li.megamenu ul a.active { color: #d1a055 !important; letter-spacing: 0.43px; } /* Navigation - Gesinnungsnavi - Sitemap */ .mainmenusitemap a.menuheader { display: none; } /* Navigation - Hauptnavi */ #slider, .ce_text_imagebox_image .inside { position: relative; z-index: 1; } .ce_text_imagebox_image { z-index: 0; } .hauptnavi ul { margin: 0 auto; max-width: 1100px; padding: 20px 10px; } .hauptnavi ul li a { color: #4a4a4a; font-size: 16px; letter-spacing: 0.49px; } .hauptnavi ul li a:focus, .hauptnavi ul li a:hover, .hauptnavi ul li a.trail, .hauptnavi ul li a.active { color: #d1a055 !important; } .hauptnavi.sticky-inactive { padding-top: -88px; } .hauptnavi { background-color: #fff; width: 100%; z-index: 999; } .hauptnavi.sticky-active { background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); margin-bottom: 10px; padding-top: 88px; margin-bottom: -88px; width: 100%; z-index: 999; } /* Navigation - Subnavi */ /* .subnavi .a-level_1_morelevels { display: none; } */ .subnavi a { font-size: 16px; color: #555; } .subnavi a:focus, .subnavi a:hover, .subnavi a.trail, .subnavi a.active, .subnavi span.trail, .subnavi span.active { color: #d1a055; } .subnavi ul { padding-left: 0; } .subnavi li { list-style-type: none!important; } .subnavi .level_2 li { padding-left: 0px; } .subnavi.gesinnung .level_1 a, .subnavi.gesinnung .level_1 span { /* display: none; */ } .subnavi.gesinnung .level_1 li { padding-left: 0; } .subnavi.gesinnung .level_2 li { /* padding-left: 10px; */ } .subnavi.gesinnung .level_2 a, .subnavi.gesinnung .level_2 span { display: inherit; } .subnavi li.first { border-top: 1px solid rgb(229, 229, 229); } .subnavi li { border-bottom: 1px solid rgb(229, 229, 229); line-height: 32px; } .subnavi .level_2 li.last { border-bottom: none; } /* .subnavi.gesinnung .level_1 li { border: none; } */ .subnavi.gesinnung .first .level_1 li.first { border-top: 1px solid rgb(229, 229, 229); } .subnavi.gesinnung .level_1 li { border-bottom: 1px solid rgb(229, 229, 229); } .subnavi.gesinnung .level_2 li.first { border-top: 1px solid rgb(229, 229, 229); } .subnavi.gesinnung .level_2 li.last { border-bottom: none; } /* Zum Seitenanfang */ #back-top { bottom: 10px; font-size: 70px; outline: none; position: fixed; right: 0; z-index: 10; } #bottom .inside #back-top:hover { text-decoration: none; } /* Navigation - Footnavi */ .footnavi { padding-left: 0; padding-right: 0; } .footnavi ul li a { color: #4a4a4a; font-size: 16px; letter-spacing: 0.49px; line-height: 28px; } .footnavi ul li a::after { content: none !important; } #bottom .mod_socials .social-icons { top: -5px; } /* Content */ #boxes-schwerpunkt .autogrid-id_1552, #boxes-schwerpunkt .autogrid-id_1553 { padding-left: 0; padding-right: 0; } #boxes-schwerpunkt .autogrid-id_1552 { margin-right: 7px; } .autogrid-id_1543 { margin-left: 7px; margin-right: 7px; } #boxes-schwerpunkt-1-bild .inside, #boxes-schwerpunkt .inside, #boxes-hauptangebote-2-bilder .inside { margin: 0; } #boxes-schwerpunkt .autogrid-id_1552 .inside, #boxes-hauptangebote-2-bilder .autogrid-id_1683 .inside { padding-left: 80px; } body #main .ce_iconbox_v2 { padding-left: 0; } #boxes-hauptangebote .ce_iconbox_v2 .ce_iconbox_v2_outside { padding-left: 40px; } .ce_iconbox_v2 .ce_iconbox_v2_outside { padding-left: 80px; } /* Layout */ #container_body { margin-left: auto; margin-right: auto; max-width: 1100px; } #content { border-right: 1px solid rgb(229, 229, 229); float: left; margin-right: 40px; width: 73%; } #sidebar { float: left; margin-top: 100px; width: 22%; } /* Back */ .newsreader .back a, .back a { border: none; color: #999; padding-left: 0; } .newsreader .back a:hover, .back a:hover { text-decoration: underline; } /* Merkliste */ .mod_event_watchlist table { width: 100%; } .mod_event_watchlist .right { text-align: right; vertical-align: top; } .mod_event_watchlist th { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 10px; } .mod_event_watchlist .col_0.event_title, .mod_event_watchlist .event_price { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 20px; } .mod_event_watchlist .col_0.event_title { width: 80%; } .mod_event_watchlist .event_price { width: 20%; } .mod_event_watchlist div.event_title { margin-top: 20px; } .mod_event_watchlist .event_price { padding-top: 20px; } .mod_event_watchlist .event_title a:hover { text-decoration: underline; } .mod_event_watchlist .cart_date { color: #999; } .mod_event_watchlist .buttons { margin-top: 20px; } .mod_event_watchlist .buttons a { border: 1px solid #a55e00; display: inline-block; padding: 5px 10px; cursor: pointer; width: auto; background: rgba(0, 0, 0, 0); color: #a55e00; border-radius: 3px; font-weight: bold; font-size: 14px; min-width: 180px; text-align: center; position: relative; -webkit-appearance: none; } .mod_event_watchlist a.push_to_cart { margin-right: 10px; } /* Warenkorb */ .cart_table table { width: 100%; } div.submit_button_left, div.submit_button_right, div.submit_abort, div.submit_button_cart { padding-right: 10px; } div.submit_button_right { margin-top: 0; } .cart_table th { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 10px; } .cart_table .col_0.event_title, .cart_table .event_price, .cart_table .event_amount, .cart_table .event_full_price { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 20px; } .cart_table div.event_title { margin-top: 20px; } .cart_table .event_price, .cart_table .event_amount, .cart_table .event_full_price { padding-top: 20px; vertical-align: top; } .cart_table .event_full_price, .cart_table .col_3.right { text-align: right; } .cart_table .select { padding: 5px; } .submit_button input.submit[type="submit"], .submit_button a.submit_checkout, .submit_button a.submit, .print_links a { margin-top: 20px; } .submit_button input.submit[type="submit"] { font-weight: bold; font-size: 14px; min-width: 180px; padding: 8px 10px 9px 10px; text-align: center; } .submit_button a.submit_checkout, .submit_button a.submit, .print_links a { display: block; font-weight: 400; font-size: 16px; min-width: 180px; padding: 5px 10px; text-align: center; line-height: 24px; } .submit_button input:hover, .submit_button a:hover, .print_links a:hover, .morebutton a:hover, .more a:hover { text-decoration: underline; } .cart_table a.delete { border: 1px solid #a55e00; display: inline-block; padding: 5px 10px; cursor: pointer; width: auto; background: rgba(0, 0, 0, 0); color: #a55e00; border-radius: 3px; font-weight: 400; font-size: 16px; line-height: 24px; margin: 5px 0 15px 0; min-width: 180px; text-align: center; position: relative; -webkit-appearance: none; } .cart_table a.delete:hover { text-decoration: underline; } .cart_table .grandTotal td, .cart_table .grandTotal th, .cart_table .subTotal td { border-bottom: 3px double rgb(229, 229, 229); padding: 5px 0; } .checkout_elements { margin-top: 40px; } .mod_event_checkout .submit_button { margin: 0; } .item_payment .radio_label input { width: 20px; } .item_payment .description p { margin-top: 7px; } .payment_item h3, .participant_item h4 { margin: 5px 0; } .participant_item .participant { margin-bottom: 30px; } /* Buchungshistorie */ .mod_event_bookinglist table { width: 100%; } .mod_event_bookinglist th { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 10px; } .mod_event_bookinglist td { border-bottom: 1px solid rgb(229, 229, 229); padding: 10px 0; } .mod_event_bookinglist table .booking_order_id a::before { content: '\f002 '; font-family: FontAwesome; } .mod_event_bookinglist table .booking_order_id a:hover { text-decoration: underline; } .mod_event_bookinglist .payment h3 { margin: 40px 0 0 0; } .mod_event_bookinglist .payment .value { margin-bottom: 40px; } .mod_event_bookinglist td.event_title { width: 400px; } .mod_event_bookinglist div.event_title { margin-top: 10px; } .mod_event_bookinglist .subTotal td { border-bottom: 1px solid rgb(229, 229, 229); } /* Login */ .mod_login { background-color: transparent; box-shadow: none; max-width: inherit; padding: 0; } input.submit[type="submit"] { font-weight: bold; font-size: 14px; min-width: 180px; padding: 8px 10px 9px 10px; text-align: center; } input.submit[type="submit"]:hover { text-decoration: underline; } .mod_event_checkout a.delete { margin-bottom: 0; } /* FAQ */ .mod_faqlist a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { /* Merkliste */ .mod_event_watchlist .buttons a { margin-bottom: 10px; width: 100%; } .mod_event_watchlist tr { display: block; } .mod_event_watchlist td { display: block; width: auto; } .mod_event_watchlist th { display: none; } .mod_event_watchlist .col_0.event_title { border-bottom: none; padding-bottom: 0; } .mod_event_watchlist .col_0.event_title, .mod_event_watchlist .event_price { width: 100%; } .mod_event_watchlist .event_price { padding-top: 0; } .mod_event_watchlist div.event_title::before { content: 'Veranstaltung: '; } .mod_event_watchlist .event_price::before { content: 'Preis: '; } .mod_event_watchlist .right { text-align: left; } .mod_event_watchlist .buttons { margin-top: 5px; } /* Warenkorb */ .cart_table tr { display: block; } .cart_table td { display: block; width: auto; } .cart_table thead th { display: none; } .cart_table div.event_title::before { content: 'Veranstaltung: '; } .cart_table .event_price::before { content: 'Preis: '; } .cart_table .event_amount::before { content: 'Anzahl: '; } .cart_table .event_full_price::before { content: 'Summe: '; } .cart_table .col_0.event_title, .cart_table .event_amount, .cart_table .event_price { border-bottom: none; padding: 0; } .cart_table .event_full_price { border-top: none; padding-top: 10px; text-align: left; } .cart_table .col_3.right { text-align: left; padding-left: 5px; } .cart_table a.delete, .cart_table tfoot .col_3, .submit_button input.submit[type="submit"], .submit_button, .submit_button a.submit_checkout, .submit_button a.submit { width: 100%; } .submit_button a.submit_checkout, .submit_button a.submit { margin-top: 10px; } .cart_table .subTotal td.col_0, .cart_table .subTotal td.col_1 { border: none; display: none; } .cart_table .col_0.event_title, .cart_table .event_price, .cart_table .event_amount, .cart_table .event_full_price { border: none; padding-bottom: 0; } div.submit_button_left, div.submit_button_right, div.submit_abort, div.submit_button_cart { padding-right: 0; } .mod_event_checkout .event_full_price { border-bottom: 1px solid rgb(229, 229, 229); border-top: 1px solid rgb(229, 229, 229); padding-top: 0; } .mod_event_checkout .grandTotal td { border: none; padding: 0; } /* Buchungshistorie */ .mod_event_bookinglist tr { display: block; } .mod_event_bookinglist td { display: block; width: auto; } .mod_event_bookinglist th { display: none; } .mod_event_bookinglist table .booking_order_id a::before { content: 'Bestellnummer: '; font-family: inherit; } .mod_event_bookinglist table .booking_order_id a::after { content: ' \f002'; font-family: FontAwesome; } .mod_event_bookinglist table .booking_date::before { content: 'Bestelldatum: '; } .mod_event_bookinglist table .booking_amount::before { content: 'Anzahl: '; } .mod_event_bookinglist table .booking_price::before { content: 'Sume: '; } .mod_event_bookinglist table .booking_status::before { content: 'Bestellstatus: '; } .mod_event_bookinglist table .booking_date, .mod_event_bookinglist table .booking_amount, .mod_event_bookinglist table .booking_price, .mod_event_bookinglist table .booking_status { border: none; padding: 0; } .mod_event_bookinglist table .booking_order_id { padding-bottom: 0; } .mod_event_bookinglist .event_full_price { padding: 0 0 10px 0; border-bottom: 1px solid rgb(229, 229, 229); } .mod_event_bookinglist .subTotal .col_3::before { content: 'Gesamtsumme: '; } .mod_event_bookinglist .subTotal .col_3 { border-bottom: 3px double rgb(229, 229, 229); padding-left: 0; } } .slicknav_menu { display: none; } @media only screen and (max-width: 767px) { .hauptnavi, #sidebar, .footnavi, .navi_special span { display: none; } .subnavi .level_2 li { margin-left: 0; } /* Slicknav */ .slicknav_btn { background-color: transparent; float: left; } .slicknav_menu .slicknav_icon-bar { background-color: #a55e00; } .slicknav_menu { background-color: transparent; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); padding: 0; display: block; } .slicknav_nav { background-color: #a55e00; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } .slicknav_nav ul { margin: 0; padding: 0; } .slicknav_nav li { border-bottom: 1px solid rgb(229, 229, 229); line-height: 2; } .slicknav_nav a.a-level_1.home { padding: 5px 10px; } .slicknav_nav .level_2 li.first { border-top: 1px solid rgb(229, 229, 229); } .slicknav_nav .level_2 li.last { border-bottom: none; } .slicknav_nav .level_2 .home { display: none; } .slicknav_nav .level_2 .mlist.slicknav_parent { background-color: #C67911; } .slicknav_nav .level_3 .mlist.slicknav_parent { background-color: #E49A39; } .slicknav_nav a.a-level_1, .slicknav_nav span.a-level_1 { color: #fff; font-size: 18px; padding: 5px 10px; } .slicknav_nav a.a-level_1.active, .slicknav_nav span.a-level_1.active, .slicknav_nav a.a-level_1.trail, .slicknav_nav span.a-level_1.trail, .slicknav_nav .level_2 .slicknav_parent a.a-level_2.active, .slicknav_nav .level_2 .slicknav_parent span.a-level_2.active, .slicknav_nav .level_3 .slicknav_parent a.a-level_3.active, .slicknav_nav .level_3 .slicknav_parent span.a-level_3.active, .slicknav_nav .level_2 .slicknav_parent a.a-level_2.trail, .slicknav_nav .level_2 .slicknav_parent span.a-level_2.trail, .slicknav_nav .level_3 .slicknav_parent a.a-level_3.trail, .slicknav_nav .level_3 .slicknav_parent span.a-level_3.trail { text-shadow: 2px 2px rgba(0, 0, 0, 0.3); } .slicknav_nav .level_2 .slicknav_parent a.a-level_2, .slicknav_nav .level_2 .slicknav_parent span.a-level_2, .slicknav_nav .level_3 .slicknav_parent a.a-level_3, .slicknav_nav .level_3 .slicknav_parent span.a-level_3 { color: #fff; } .slicknav_nav .slicknav_arrow { color: #fff; font-size: 24px; } .slicknav_nav .level_2 .mlist { background-color: #F0F0F0; } .slicknav_nav a.a-level_2, .slicknav_nav span.a-level_2, .slicknav_nav a.a-level_3, .slicknav_nav span.a-level_3, .slicknav_nav a.a-level_4, .slicknav_nav span.a-level_4 { color: #4a4a4a; padding: 5px 10px; } .slicknav_nav a.a-level_2.active, .slicknav_nav span.a-level_2.active, .slicknav_nav a.a-level_3.active, .slicknav_nav span.a-level_3.active, .slicknav_nav a.a-level_4.active, .slicknav_nav span.a-level_4.active { color: #a55e00; } #nav-open-btn { left: 20px; right: inherit; } #nav-open-btn::before { background-color: #fff; color: #a55e00; font-size: 38px; } .mm-title { display: none; } .mm-menu.mm-theme-dark { background-color: #a55e00; } body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail { background-color: #d1a055; } .mm-listview > li:not(.mm-divider)::after { left: 0; } #mobnav .level_2 a.home { display: none; } /* #header .mod_socials { display: block !important; } */ #bottom .navi_special { margin-top: 10px; padding-top: 10px; } #bottom .navi_special a { padding-right: 8px; } #bottom .navi_special a.last { padding-right: 0; } #container_body { margin: 0; max-width: inherit; } #content { float: none; width: 100%; } } /* ============================================================================= * Overrides * ========================================================================== */ #top .inside, #header .inside, #bottom .inside, body.sidebar #container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside { max-width: 1400px; } body li.only_mobile_nav { display: none !important; } /* ============================================================================= * Fonts * ========================================================================== */ body, html { font-family: "adelle-sans",sans-serif; font-weight: 400; font-style: normal; color: #474040; font-size: 16px; line-height: 26px; } hr { margin: 24px 0; border-bottom: 1px solid #a0a29d; } a { color: #a55e00; } /*Commented because line beaks in firefox didnt work anymore f.e. https://www.lassalle-haus.org/kursdetails/das-beste-kommt-noch-2019N1.html*/ /* br { display: block; margin: 0; line-height: 0; } */ /* ============================================================================= * Logo wird nur bei Printout angezeigt * ========================================================================== */ #printlogo { display: none; } /* ============================================================================= * headlines * ========================================================================== */ h1, h2, h3, h4, h5, h6 { text-transform: none; font-family: 'adelle-sans', sans-serif; letter-spacing: 0; font-weight: 400; font-style: normal; color: #4a4a4a; } h1 { font-size: 36px; letter-spacing: 1.1; } h2 { margin-top: 24px; font-size: 24px; letter-spacing: 0.74; } h3 { margin-bottom: 5px; } /* ============================================================================= * Box-Farben, -Stile, -Buttons * ========================================================================== */ .color-p1 { background-color: #a0a29d; } .color-p1-80 { background-color: #b3b5b1; } .color-p1-60 { background-color: #c6c7c4; } .color-p1-40 { background-color: #d9dad8; } .color-p1-20 { background-color: #ececeb; } .color-p2 { background-color: #a55e00; } .color-p2-80 { background-color: #b77e33; } .color-p2-60 { background-color: #c99e66; } .color-p2-40 { background-color: #dbbf99; } .color-p2-20 { background-color: #eddfcc; } .color-1 { background-color: #71101d; } .color-1-80 { background-color: #8d404a; } .color-1-60 { background-color: #aa7077; } .color-1-40 { background-color: #c69fa5; } .color-1-20 { background-color: #e3cfd2; } .color-2 { background-color: #be1447; } .color-2-80 { background-color: #cb436c; } .color-2-60 { background-color: #d87291; } .color-2-40 { background-color: #e5a1b5; } .color-2-20 { background-color: #f2d0da; } .color-3 { background-color: #43545E; } .color-3-80 { background-color: #69767e; } .color-3-60 { background-color: #8e989e; } .color-3-40 { background-color: #b4bbbf; } .color-3-20 { background-color: #d9ddf0; } .color-4 { background-color: #d1a055; } .color-4-80 { background-color: #dab377; } .color-4-60 { background-color: #e3c699; } .color-4-40 { background-color: #edd9bb; } .color-4-20 { background-color: #fbecbb; } .color-5 { background-color: #2e7f96; } .color-5-80 { background-color: #5899ab; } .color-5-60 { background-color: #82b2c0; } .color-5-40 { background-color: #abccd5; } .color-5-20 { background-color: #d5e5ea; } .color-6 { background-color: #c4d069; } .color-6-80 { background-color: #d0d987; } .color-6-60 { background-color: #dce3a5; } .color-6-40 { background-color: #e7ecc3; } .color-6-20 { background-color: #f3f6e1; } .color-7 { background-color: #aed2df; } .color-7-80 { background-color: #bedbe5; } .color-7-60 { background-color: #cee4ec; } .color-7-40 { background-color: #dfedf2; } .color-7-20 { background-color: #eff6f9; } .color-8 { background-color: #f0f0f0; } .color-9 { background-color: #bec4c7; } .morebutton a { -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; display: inline-block; margin: 1px; } /* ============================================================================= * ce_iconbox_v2 * ========================================================================== */ body #main .ce_iconbox_v2, .box { margin: 0 4px; } .ce_iconbox_v2, .box { text-align: left; color: #4a4a4a; background: #fff; } .ce_iconbox_v2, .box { padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 40px !important; padding-right: 40px !important; } .ce_iconbox_v2 .image_container, .box .image_container { text-align: left; } .ce_iconbox_v2 .headline, .box .headline { color: #4a4a4a; } .ce_iconbox_v2 a, .box a { color: #a55e00; } .autogrid_small_space .autogrid-first { padding-right: 6px; } .autogrid_small_space .autogrid-last { padding-left: 0px; } .autogrid_small_space .ce_text_imagebox_image { background-position: top center !important; } #hauptangebot-mitte { margin-left: 6px; } .boxed-content .autogrid_wrapper { margin-left: -4px; margin-right: -4px; } .boxed-content .autogrid { /* padding-left: 0; padding-right: 0; */ margin: 0 4px 8px; } .ce_iconbox_v2 .ce_iconbox_v2_outside, .ce_iconbox_v2 .ce_iconbox_outside { padding: 0; } /* ============================================================================= * index seite boxen * ========================================================================== */ .mod_event_list .layout_upcoming.first, .mod_newslist .layout_short.first { border-top: none; padding-top: 0; } .mod_event_list .layout_upcoming, .mod_newslist .layout_short { border-top: 1px solid #f0f0f0; padding-top: 10px; } /* ============================================================================= * ce_text_imagebox * ========================================================================== */ /** Add overlay for images behind text **/ .ce_text_imagebox { position: relative; } .boxed-content .ce_text_imagebox { position: relative; padding-left: 0!important; padding-right: 0!important; } .ce_text_imagebox .background_overlay { background: rgba(255, 255, 255, .2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ce_text_imagebox.light_text .background_overlay { background: rgba(0, 0, 0, .2); } .ce_text_imagebox.dark_text .background_overlay { background: rgba(255, 255, 255, .2); } .ce_text_imagebox.dark_text p { color: #4a4a4a; } /* ============================================================================= * Revolution-Slider * ========================================================================== */ .ce_revolutionslider { margin-bottom: 35px; position: relative; } .ce_revolutionslider.last { margin-bottom: 0; } .ce_revolutionslider #linkToContent { display: none; } .ce_revolutionslider #linkToContent .wheel { display: none; -webkit-animation: none; animation: none; } .logo a { background-image: none; } .tp-bannertimer { display: none!important; } .tparrows { position: absolute; top: calc(50% - 10px); } .tp-leftarrow { left: 40px; /* left: calc((100% - 1400px ) / 2 + 40px); */ } .tp-rightarrow { right: 40px; /* right: calc((100% - 1400px ) / 2 + 40px); */ } /* ============================================================================= * headlines in custom section slider * ========================================================================== */ #slider div.headline { max-width: 1100px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } #slider .headline > * { color: #a55e00; position: absolute; z-index: 200; bottom: 20%; font-size: 3.3em; } .ce_headline_colorable.light_text .headline > * { color: #fff!important; } .ce_headline_colorable.highlight_text .headline > * { color: #a55e00!important; } .ce_headline_colorable.dark_text .headline > * { color: #4a4a4a!important; } /* ============================================================================= * Gesinnungsnavi * ========================================================================== */ nav.mainmenu ul li a, #off_canvas .mod_navigation a, #off_canvas .mod_customnav a { font-size: 14px; } .mainmenu ul li a, .submenu ul li a { letter-spacing: 0; } .mainmenu ul li a { text-transform: none; } nav.mainmenu li.megamenu .megamenu-wrapper ul.level_2 { display: block; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; /** column-count: 2; column-gap: 10px; **/ max-height: 182px; padding: 1em 0; display: flex; flex-wrap: wrap; flex-direction: column; } nav.mainmenu li.megamenu .megamenu-wrapper ul.level_2 li { display: block; } .mainmenu .megamenu .level_2 a { color: #fff !important; } .topicons { padding-right: 30px; } .topicons-first { padding-left: 20px; } .topicons:hover, .topicons-last:hover { color: #a55e00; } .mainmenu ul li.megamenu .megamenu-wrapper { padding-left: 1970px; } /** @media screen and (max-width: 1590px) { .mainmenu ul li.megamenu .megamenu-wrapper { padding-left: 1800px; } } **/ @media screen and (max-width: 1030px) { .mainmenu { float: none; } nav.mainmenu li.megamenu .megamenu-wrapper ul.level_2 { max-height: 240px; } /** nav.mod_navigation.mainmenu { height: 50px; } .mod_navigation.mainmenu ul, .mod_navigation.mainmenu li, .mod_navigation.mainmenu li a { line-height: 50px!important } **/ } .mod_changelanguage.mainmenu { margin-left: 3em; display: block!important; } .mod_changelanguage.mainmenu li a { padding-left: .15em; padding-right: .15em; } nav.mainmenu.mod_changelanguage li:focus:before, nav.mainmenu.mod_changelanguage li:hover:before { left: 20%; } /* ============================================================================= * hauptnavi - Navigation über dem Slider * ========================================================================== */ .hauptnavi { opacity: 1; visibility: visible; } .hauptnavi.hide { opacity: 0; visibility: hidden; } .hauptnavi ul { position: static; max-width: 1340px; } .hauptnavi ul li { display: inline; } .hauptnavi ul li a { font-size: 14px; text-transform: none; letter-spacing: 0; font-weight: 400; padding-right: 20px; } .fixed .hauptnavi ul li ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } .hauptnavi ul li a:hover { opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .hauptnavi ul ul li a { border-bottom: 0; letter-spacing: 0; font-size: 12px!important; line-height: 40px!important; } .hauptnavi ul li a:after { content: ''; width: 2px; background: #000; height: 2px; position: absolute; right: 0; top: 50% } .hauptnavi ul li.last a:after, .hauptnavi ul li ul li a:after { display: none; } .hauptnavi ul ul { border-top: 1px solid rgb(255,255,255); margin-top: 0; } body .hauptnavi ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } body #header .hauptnavi ul li ul li a:hover, .hauptnavi ul ul li a.active { background: none; } .hauptnavi ul .megamenu-wrapper { left: 40px; right: auto; } .hauptnavi ul ul li a:hover, .hauptnavi ul ul li a.trail, .hauptnavi ul ul li a.active { background: none; } /* ============================================================================= * footnavi - Navigation unter dem Inhalt, vor dem Fuss * ========================================================================== */ .footnavi { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; } .footnavi.hide { opacity: 0; visibility: hidden; } .footnavi ul { position: static; padding-bottom: 20px; } .footnavi ul li { display: inline; } .footnavi ul li a { font-size: 14px; color: #4a4a4a; line-height: 28px; text-transform: none; letter-spacing: 0.49; font-weight: 400; padding-right: 20px; } .fixed .footnavi ul li ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } .footnavi ul li a:hover { opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .footnavi ul ul li a { border-bottom: 0; letter-spacing: 0; font-size: 12px!important; line-height: 40px!important; } .footnavi ul li a:after { content: ''; width: 2px; background: #000; height: 2px; position: absolute; right: 0; top: 50% } .footnavi ul li.last a:after, .footnavi ul li ul li a:after { display: none; } .footnavi ul ul { border-top: 1px solid rgb(255,255,255); margin-top: 0; } body .footnavi ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } body #header .footnavi ul li ul li a:hover, .footnavi ul ul li a.active { background: none; } .footnavi ul .megamenu-wrapper { left: 40px; right: auto; } .footnavi ul ul li a:hover, .footnavi ul ul li a.trail, .footnavi ul ul li a.active { background: none; } /* ============================================================================= * accent colors * ========================================================================== */ .bg-accent { background-color: #a55e00; } nav.mainmenu ul ul { background-color: #a55e00; } nav.mainmenu ul{ background-color: none; } nav.hauptnavi ul ul { background-color: #a55e00; } nav.hauptnavi ul{ background-color: none; } p a { color: #a55e00; } .subnav a { color: #a55e00; } #nav-open-btn:before { background: #a55e00; } .ce_table table th { background: #a55e00; } blockquote a { color: #a55e00; } .ce_accordion .toggler:before { color:#a55e00; } .mod_calendar th.head { background:#a55e00; border-top:1px solid #a55e00; border-right:1px solid #a55e00; border-left:1px solid #a55e00; } .mod_calendar th.previous a, .mod_calendar th.next a { background-color:#a55e00; } .pagination li span.active { background: #a55e00; color: white; border-radius: 2px; } .pagination li a:hover { color: #a55e00; } .mod_faqpage h3:before { color: #a55e00; } .mod_search .submit { border: 1px solid #a55e00; } input:focus, textarea:focus { border:1px solid #a55e00; } input[type="radio"] { float: left; width: auto !important; margin-right: 7px; margin-top: 4px; margin-left: 3px; } form fieldset legend { background-color:#a55e00; } .newsreader .back a, .back a, input.submit[type="submit"], button.submit { background: none; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px!important; border: solid #a55e00 1px; text-decoration: none; color: #a55e00; font-size: 16px!important; line-height: 24px; font-weight: 400!important; display: inline-block; } .newsreader .info { background: transparent; font-size: 1em; } input.submit[type="submit"]:hover, button.submit:hover { background: none; } .label-accent { background: #a55e00; } .ce_hyperlink a.link-white, a.btn.link-white { color: #a55e00; } .ce_hyperlink a.link-white:hover, a.btn.link-white:hover { background: #a55e00; } .ce_hyperlink.button { margin-top: 2em; } .ce_hyperlink.button a { background: transparent; color: #a55e00; } .ce_hyperlink.button:hover a, .ce_hyperlink.button:focus a { text-decoration: underline; } .ce_hyperlink.centered { text-align: center; } .newslist h2, .newslist h2 a { color: #a55e00; } .newslist .news-left .news-date { background: #a55e00; } .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) { color: #a55e00; } blockquote { border-color: #a55e00; } .ce_gallery .content { background: #a55e00; } .newslist-v3 .date { background: #a55e00; } .newsteaser_v3 .news-overlay i { background-color: #a55e00; } .newslist-v3 .subheadline { color: #a55e00; } .mod_portfoliolist .item figure { background-color: #a55e00; } .mainmenu ul ul li a:hover, .mainmenu ul ul li a.trail, .mainmenu ul ul li a.active { color: #a55e00; } body #header .mainmenu ul li ul li a:hover { color: #a55e00; } .mainmenu ul li a.trail, .mainmenu ul li a.active { color: #a55e00; } .hauptnavi ul li a.trail, .hauptnavi ul li a.active { color: #a55e00; } .mod_portfoliolist .item a:hover { color: #a55e00; } .mainmenu ul li a:after { display: none; } .hauptnavi ul li a:after { display: none; } .smallwidth { max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .ce_download { background: #a55e00; } /* ============================================================================= * footer * ========================================================================== */ #bottom { border-top: 0px solid rgb(239,234,234); letter-spacing: 0; background-color: #f0f0f0; padding: 30px 0; margin-top: 24px; } #bottom .inside { margin: 0 auto; padding: 30px 40px; overflow: hidden; font-size: 12px; } #bottom .navi_special { border-top: 1px solid #A0A29D; padding-top: 30px; } #bottom .navi_special a { padding-right: 30px; } #bottom .navi_special a.last { padding-right: 60px; } /* ============================================================================= * mod_socials, to_top_link * ========================================================================== */ #bottom .mod_socials { float: right; margin-left: 40px; } #bottom .mod_socials .social-icons { position: absolute; top: 0; right: 24px; opacity: 1; visibility: visible; z-index: 1000; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; margin-right: 0; } #bottom .mod_socials .social-icons a { margin: 0 5px; } #bottom .mod_socials .social-icons i { padding: 10px 5px; width: 33px; text-align: center; font-size: 15px; } #bottom .mod_socials .social-icons i:hover { background: rgb(104,104,104)!important; color: #fff!important; } .newsroom .mod_socials { float: right; margin-left: 40px; } .newsroom .mod_socials .social-icons { position: absolute; top: 0; right: 24px; opacity: 1; visibility: visible; z-index: 1000; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; margin-right: 0; } .newsroom .mod_socials .social-icons a { margin: 0 5px; } .newsroom .mod_socials .social-icons i { padding: 10px 5px; width: 33px; text-align: center; font-size: 15px; } .ce_toplink { float: right; } /* ============================================================================= * mod_sharebuttons * ========================================================================== */ .mod_sharebuttons { margin-bottom: 24px; padding-bottom: 12px; border-bottom: solid 1px #f0f0f0; } .sharebuttons > ul.fontawesome > li > a { width: 25px; height: 25px; line-height: 25px; font-size: 1.4em; margin-top: 16px; } /* ============================================================================= * Homepage * ========================================================================== */ .home .mod_event_categorylist { width: 430px; } .link_list a { display: block; border-bottom: 1px solid #f0f0f0; padding: 0 1em 13px 0; } .link_list a:after { content: '\f105'; display: inline-block; float: right; font-size: 1.45em !important; color: #999999; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ============================================================================= * Kursdetails * ========================================================================== */ #kursdetails-2 a { color: #d1a055; text-decoration: none; } #kursdetails-2 a:hover { text-decoration: underline; } /* ============================================================================= * News * ========================================================================== */ .ce_hyperlink a { -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; font-size: 1em; font-weight: 400; } .newsreader .back { border-top: 0px solid #ddd; padding-bottom: 33px; } .newsreader .back a, .back a { font-size: 12px; text-transform: none; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; } .more a{ -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; } div.weiterlesen { overflow: visible; padding-bottom: 4px; } div.weiterlesen a, div.weiterlesen a:hover { -webkit-border-radius: 4; -moz-border-radius: 4; background-color: transparent; color: #a55e00; font-size: 80%; font-weight: normal; min-width: inherit; border-radius: 4px; line-height: 20px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; } div.weiterlesen a:hover { text-decoration: underline; } .newslist-v2 .news-content-v2 { padding: 0 20px 20px 20px; } .newslist-v2 .teaser-v2 { height: auto; overflow: hidden; } /* ============================================================================= * Event_Manager * ========================================================================== */ .checkout_steps { list-style: none; overflow: hidden; } .checkout_steps li { float: left; } .checkout_steps li a { color: white; text-decoration: none; padding: 10px 10px 10px 65px; background: #a55e00; /* fallback color */ background: hsla(34,100%,32%,1); position: relative; display: block; float: left; } .checkout_steps li a:after { content: " "; display: block; width: 0; height: 0; border-top: 10px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 10px solid transparent; border-left: 30px solid hsla(34,100%,32%,1); position: absolute; top: 50%; margin-top: -10px; left: 100%; z-index: 2; } .checkout_steps li a:before { content: " "; display: block; width: 0; height: 0; border-top: 10px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 10px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -10px; margin-left: 1px; left: 100%; z-index: 1; } .checkout_steps li:first-child a { padding-left: 10px; } .checkout_steps li:nth-child(2) a { background: hsla(34,100%,45%,1); } .checkout_steps li:nth-child(2) a:after { border-left-color: hsla(34,100%,45%,1); } .checkout_steps li:nth-child(3) a { background: hsla(34,100%,55%,1); } .checkout_steps li:nth-child(3) a:after { border-left-color: hsla(34,100%,55%,1); } .checkout_steps li:nth-child(4) a { background: hsla(34,100%,65%,1); } .checkout_steps li:nth-child(4) a:after { border-left-color: hsla(34,100%,65%,1); } .checkout_steps li:nth-child(5) a { background: hsla(34,100%,75%,1); } .checkout_steps li:nth-child(5) a:after { border-left-color: hsla(34,100%,75%,1); } .checkout_steps li:last-child { background: white !important; color: black; pointer-events: none; cursor: default; padding: 10px 0 0 40px; } .checkout_steps li:last-child a:after { border: 0; } .checkout_steps li a:hover { background: hsla(34,100%,25%,1); } .checkout_steps li a:hover:after { border-left-color: hsla(34,100%,25%,1) !important; } .checkout_steps li.active a { font-weight: bold; } .mod_event_cart th.col_0, .mod_event_cart th.col_1, .mod_event_cart th.col_2 { margin-right: 10px; } div.submit_button_right a, div.submit_abort a, a.button, .submit_search { background: none; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; padding: 5px 10px 5px 10px; border: solid #a55e00 1px; text-decoration: none; font-weight: normal; color: #a55e00; font-size: 0.78em; } div.submit_button_left, div.submit_button_right, div.submit_abort, div.submit_button_cart { float:left; padding-right: 20px; } div.submit_button_right { /* margin-top: 5px; */ } .submit_abort { margin-right: 20px; float: left; } a.button { margin-right: 20px; float: right; } div.submit_checkout { margin-left: 20px; } div.price_info { clear: both; margin-top: 10%; display: none; } .mod_event_categorylist .info_count { display: none; } .group_headline.month { font-size: 24px; padding-top: 70px; padding-bottom: 28px; border-bottom: 1px solid #a0a29d; } .event_list .date { padding-top: 3px; float: left; width: 25.8%; } .event_list .tease { float: left; width: 54.187%; padding-bottom: 28px; } .event_list .detailbutton { margin-top: 13px; float: right; width: 122px; } .event_list h3 { margin-bottom: 0; margin-top: 0; padding-top: 0; } .event_list h3 a { font-size: 16px; color: #a55e00; } .event_list { border-bottom: 1px solid #a0a29d; margin-bottom: 24px; margin-top: 18px; } .event_object .label { float: left; } .event_object .value { float: left; } .event_object { clear: left; } .tutor_item { padding-top: 36px; border-bottom: 1px solid #a0a29d; } .mod_event_tutorlist { text-align: center; } .mod_event_tutorlist .image_container img { display: block; margin-left: auto; margin-right: auto; } .mod_event_tutorlist .image_container { width: 100%; border-radius: 100%; margin-bottom: 15px; } .mod_event_tutorlist .image_container img { width: 150px; border-radius: 100%; /* -webkit-filter: sepia(1); -webkit-filter: sepia(100%); filter: sepia; filter: sepia(100%); */ /* filter: url("/lassalle/bronze2.svg#bronze"); */ } .mod_event_tutor .image_container { margin-bottom: 24px; } .mod_event_search .label { margin: 12px 0 6px 0; } .mod_event_search .widget-submit .label, .mod_event_search .widget-submit .value > a { display: none; } label[for=ctrl_startDate]:before { content: "Suche ab "; } label[for=ctrl_category]:before { content: "Suche in "; } label[for=ctrl_tutor]:before { content: "Suche nach "; } .nextevents > div:nth-child(-n+5) {display:none;} /*select#ctrl_category { height: 50px; }*/ .tableform .submit_container { margin-top: 12px; } #infotable .tr { clear: both; } #infotable .label { width: 160px; float: left; font-weight: bold; } #infotable .data { float: left; margin-bottom: 20px; } #infotable .data2 { float: left; } /* Für Varianten - Code von Ch. Schmidt */ #spOverlay { width:100%; height:100%; top:0; position:fixed; background-color:rgba(0,0,0,.5); cursor:pointer; z-index:9998; } #spBox { width:30%; left:35%; top:40%; position:fixed; padding:5px 10px 5px 15px; background-color:#fff; border:1px solid; font-size:80%; line-height:150%; z-index:9999; } .styledbutton a { border: 1px solid #a55e00; display: inline-block; padding: 5px 10px; cursor: pointer; width: auto; background: rgba(0, 0, 0, 0); color: #a55e00; border-radius: 3px; font-weight: 400; font-size: 16px; min-width: 180px; text-align: center; position: relative; -webkit-appearance: none; } .styledbutton a:hover { border: 1px solid #a55e00; /* text-decoration: underline; */ background: rgba(0, 0, 0, 0); } .mod_event_checkout.step_finish .toggler { cursor: pointer; } .mod_event_checkout.step_finish .toggler:before { font-family:FontAwesome; content:"\f205"; padding-right: 24px; } .mod_event_checkout.step_finish .toggler.ui-state-active:before { font-family:FontAwesome; content:"\f204"; padding-right: 24px; } #ctrl_category { height: 85px; } #ctrl_category option { line-height: 20px; /* fuer Edge */ } /* ============================================================================= * ce_buchanzeige * ========================================================================== */ .ce_buch { margin-top: 24px; border-bottom: 1px solid #a0a29d; } .ce_buch .image_container { float:left; margin: 0 10px 10px 0; } .ce_buch span.buchtitel { font-weight: bold; } /* ============================================================================= * Runde Portrait-Bilder * ========================================================================== */ .rounded_images .image_container { margin-bottom: 36px; margin-right:-150px; } .rounded_images .image_container img { width: 150px; border-radius: 100%; } @media only screen and (max-width: 1080px) { #jesuiten .image_container, #team .image_container, #adresse .image_container { margin-right:-80px; } } @media only screen and (max-width: 900px) { #jesuiten .image_container, #team .image_container, #adresse .image_container { margin-right:0px; } } /* ============================================================================= * Gutscheinformular * ========================================================================== */ #gutschein td.col_0 { padding-right: 10px; } #gutschein table { width: 90%; } #gutschein table input { padding: 4px; } #gutschein form span.mandatory { margin-left: 2px; } /* ============================================================================= * Diverse Stiles: ce_..., mod_... * ========================================================================== */ .ce_downloads { padding-top: 0px; margin-top: 0px; margin-bottom: 24px; } .newslist .ce_hyperlink a, .newslist a.btn { background: none; border-color: #a55e00; color: #a55e00; } .newslist .ce_hyperlink a.outline, .newslist a.btn.outline { color: #a55e00; } /* .subnavi h2 { margin-top: 77px; } */ .nextnews > div:nth-child(-n+1) {display:none;} .right #popup #main { border-right: 0px; } .pressetitel { margin: 24px 0 0 0; font-size: 16px; } textarea { height: 100px; } .newslist .teaser { border-top: 0px solid rgb(230,230,230); margin-top: 0px; padding: 15px 0px; } .newslist .image_container { border-top: 1px solid rgb(230,230,230); margin-top: 0px; padding-top: 15px; } .newsreader .image_container { margin-bottom: 15px; } .related_info { display: none; } .ce_cust_iconbox_small { margin-bottom: 30px; } /* .autogrid-id_1703 { margin-top: -56px !important; } */ ul.lhcontent, ol.lhcontent { list-style: initial !important; padding-left: 20px !important; } blockquote { margin-top: 15px; } .item_agbbestaetigung label:first-child, .item_newsletter label:first-child { visibility: hidden; } #ctrl_agbbestaetigung .mandatory { display:inline; margin-left:5px; } #ctrl_agbbestaetigung a { text-decoration: underline; color: #a55e00; } /* ============================================================================= * ce_teaser * ========================================================================== */ .ce_teaser { margin-top: 50px; } /* ============================================================================= * mod_search * ========================================================================== */ .mod_search .widget { float: left; display: inline-block; } /* ============================================================================= * fe_module logo * ========================================================================== */ .logo { top: 17px; left: 40px; } .logo img { display: block; max-height: 45px; } /* ============================================================================= * back hyperlink * ========================================================================== */ .back a:before { content: ''; margin-right: 0px; } .mod_search input.submit, .mod_search button.submit { font-weight: 400; font-size: 14px; min-width: 180px; padding: 14px 10px 12px 10px; text-align: center; } /* ============================================================================= * Right Column - Link Box * ========================================================================== */ #right > .inside > *, #right > .inside .mod_article > * { margin-bottom: 35px; } #right .ce_text ul { padding-left: 0; } #right .ce_text li { list-style-type: none; } #right .ce_text a { text-decoration: underline; } /* ============================================================================= * mod_article * ========================================================================== */ #main .mod_article { margin-bottom: 0px; } #main .mod_article.last { margin-bottom: 35px; } .mod_article.fullwidth.boxed-content { padding: 30px 0 25px; } .mod_article > * { margin-top: 35px; } .mod_article.first > *:first-child { margin-top: 0; } .mod_article .ce_accordionStart { margin-top: 0; } /* ============================================================================= * backgrounds * ========================================================================== */ .background_grey { background: #f0f0f0; } .background_white { background: #fff; } .background_red { background: #c69fa5; } .background_greengrey { background: #a0a29d; } .background_blue { background: #82b2c0; } /* ============================================================================= * ce_text_textbox... * ========================================================================== */ .ce_text_textbox.light_text, .ce_text_textbox.dark_text { padding: 1em; margin-bottom: 35px; } .ce_text_textbox.light_text .button, .ce_text_textbox.dark_text .button { text-align: center; } .ce_text_textbox.light_text { border: 1px solid #a55e00; } .ce_text_textbox.light_text:hover, .ce_text_textbox.light_text:focus { border-color: #d1a055; } .ce_text_textbox.light_text > *, .ce_text_textbox.light_text .ce_headline > * { color: #a55e00; } .ce_text_textbox.light_text:hover > *, .ce_text_textbox.light_text:hover .ce_headline > *, .ce_text_textbox.light_text:focus > *, .ce_text_textbox.light_text:focus .ce_headline > * { color: #d1a055 } .ce_text_textbox.dark_text { background: #a55e00; } .ce_text_textbox.dark_text:hover, .ce_text_textbox.dark_text:focus { background: #8c5102 } .ce_text_textbox.dark_text > *, .ce_text_textbox.dark_text .ce_headline > * { color: #fff; } /* ============================================================================= * cookiebar * ========================================================================== */ .cookiebar { background: #999999; z-index: 999; } .cookiebar__button { background: #a55e00; font-size: .9em; font-weight: 400; } .cookiebar__analytics-checkbox { margin-top: 7px!important; } /* ============================================================================= * Newsletter Anmeldung * ========================================================================== */ .forms-builder-wrapper .description, .forms-builder-wrapper .row { margin-bottom: 15px; } .forms-builder-wrapper .byline { padding-bottom: 30px; margin-bottom: 15px; border-bottom: 1px solid rgb(229,229,229); } /* ============================================================================= * Event Manager * ========================================================================== */ /* ============================================================================= * Event Manager - Cart * ========================================================================== */ .participant_fields .info { margin-bottom: 25px; } .participant_fields h4 { margin-bottom: 10px; } .participant { margin-bottom: 35px; } /* ============================================================================= * Media Queries: print * ========================================================================== */ @media only print { .mod_sharebuttons, #bottom, ce_toplink, #right, nav, header, #slider, .booking, #artikeldruck, .mod_event_booking { display: none; } #printlogo { display: block; text-align: center; } } /* ============================================================================= * Media Queries * ========================================================================== */ @media only screen and (max-width: 1400px) { .tp-leftarrow { left: 10px; } .tp-rightarrow { right: 10px; } } @media only screen and (max-width: 767px) { body li.only_mobile_nav { display: block !important; } #slider div.headline, .ce_iconbox_v2 .ce_iconbox_v2_outside, .ce_iconbox_v2 .ce_iconbox_outside #slider div.headline, .mod_sharebuttons { padding-left: 20px!important; padding-right: 20px!important; } #slider .headline > * { font-size: 2.5em; bottom: 30%; } /** mobile navigation inline with header **/ #top-wrapper { box-shadow: none; } #fix-wrapper { padding-left: 60px; } .slicknav_menu { position: relative; box-shadow: none; } .slicknav_btn { width: 60px; height: 78px; position: absolute ; min-height: 78px; bottom: -77px; margin: 0 ; display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; box-shadow: none; border-radius: 0; float: none; } /** Home splaten **/ body .autogrid { padding-left: 0; padding-right: 0; } #hauptangebot-mitte, body .autogrid_wrapper { margin-left: 0; margin-right: 0; } body #main .ce_iconbox_v2, .box { margin-bottom: 8px; } .ce_iconbox_v2, .box { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } .ce_iconbox_v2 .ce_iconbox_v2_outside { padding-left: 0 !important; padding-right: 0 !important; } .ce_iconbox_v2 .headline { padding-top: 0; } /** mod_article **/ .mod_article.fullwidth.boxed-content { padding: 55px 0 48px; } /** show footer mobile **/ #bottom { display: block; } .footnavi { position: relative; display: block; padding-left: 0; margin-top: 1em; } .footnavi ul { padding-bottom: 0; } .footnavi ul li.last a { padding-right: 0; } .footnavi ul li a { font-size: 12px; } #bottom .mod_socials .social-icons { left: 24px; } /** rounded image position **/ .rounded_images figure.float_left img { margin: 0 auto; } .rounded_images figure.float_left, .rounded_images figure + p { float: none; margin-left: auto; margin-right: auto; } .rounded_images figure + p { text-align: center; margin-bottom: 45px; } /** cookiebar **/ .cookiebar__analytics, .cookiebar__button { margin-top: 20px; } } @media only screen and (max-width: 668px) { /** ce_headline_colorable **/ #slider .headline > * { color: #4D4A4A!important; position: relative; bottom: 0; font-size: 2em; } }