body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .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} /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */ .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: #5e2700; /*#000;*/ border-radius: 12px; 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; } /* Hide native play button and control bar from iOS to favor plugin button */ .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: transparent; margin: 0 auto; overflow: hidden; position: relative; } .mejs__container:focus { outline-offset: 0.125rem; outline-style: solid; outline-width: 0.125rem; } .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; } /* Start: LAYERS */ .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: transparent; border: 0; } .mejs__overlay:hover .mejs__overlay-button svg { opacity: 1; } .mejs__overlay-button svg { opacity: 0.75; } .mejs__overlay-button:focus svg { opacity: 1; } .mejs__overlay-button, .mejs__overlay-button svg { height: 5rem; width: 5rem; } .mejs__overlay-loading, .mejs__overlay-loading svg { height: 5rem; width: 5rem; } .mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; display: block; height: 5rem; width: 5rem; z-index: 1; } @-webkit-keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs__controls { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2.5rem; left: 0; list-style-type: none; margin: 0; padding: 0 0.625rem; position: absolute; width: 100%; z-index: 3; } .mejs__controls:not([style*='display: none']) { /*background: rgba(255, 0, 0, 0.7); background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));*/ } .mejs__button, .mejs__time, .mejs__time-rail { font-size: 0.625rem; height: 2.5rem; line-height: 0.625rem; margin: 0; width: 2rem; } .mejs__button > button { background-color: transparent; border: 0; color: #fff; cursor: pointer; display: block; font-size: 0; height: 1.125rem; line-height: 0; margin: 0.625rem 0.375rem; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 1.125rem; } .mejs__button svg { fill: currentColor; height: 1.125rem; width: 1.125rem; } /* :focus for accessibility */ .mejs__button > button:focus { outline: dotted 0.125rem #fff; } .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; } /* End: CONTROL BAR */ /* Start: Play (Play / Pause / Replay) */ .mejs__playpause-button svg { display: none; } .mejs__play svg.mejs__icon-play { display: block; } .mejs__pause svg.mejs__icon-pause { display: block; } .mejs__replay svg.mejs__icon-replay { display: block; } /* End: Play (Play / Pause / Replay) */ /* Start: Fullscreen (Fullscreen / Unfullscreen) */ .mejs__fullscreen-button svg.mejs__icon-unfullscreen { display: none; } .mejs__fullscreen svg.mejs__icon-fullscreen { display: block; } .mejs__fullscreen svg.mejs__icon-unfullscreen { display: none; } .mejs__unfullscreen svg.mejs__icon-unfullscreen { display: block; } .mejs__unfullscreen svg.mejs__icon-fullscreen { display: none; } /* End: Fullscreen (Fullscreen / Unfullscreen) */ /* Start: Time (Current / Duration) */ .mejs__time { box-sizing: content-box; color: #fff; font-size: 0.6875rem; font-weight: bold; height: 1.5rem; overflow: hidden; padding: 1rem 0.375rem 0; text-align: center; width: auto; } /* End: Time (Current / Duration) */ /* Start: Progress Bar */ .mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 2.5rem; margin: 0 0.625rem; padding-top: 0.625rem; 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: 0.125rem; cursor: pointer; display: block; height: 0.625rem; position: absolute; } .mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 0.3125rem 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, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 0.9375rem 0.9375rem; width: 100%; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 1.875rem 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 1.875rem 0; } } .mejs__time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); } .mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 999; } .mejs__time-hovered.negative { background: rgba(0, 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: 0.15s ease-in all; transition: 0.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 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.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: 0.25rem 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: 0.25rem solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 0.625rem; left: -0.4375rem; top: -0.25rem; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 0.625rem; } .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: 1.0625rem; margin-bottom: 0.5625rem; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2.25rem; } .mejs__time-float-current { display: block; left: 0; margin: 0.125rem; text-align: center; width: 1.875rem; } .mejs__time-float-corner { border: solid 0.3125rem #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: -1.4375rem; width: 4rem; } .mejs__long-video .mejs__time-float-current { width: 3.75rem; } .mejs__broadcast { color: #fff; height: 0.625rem; position: absolute; top: 0.9375rem; width: 100%; } /* End: Progress Bar */ /* Start: Mute/Volume */ .mejs__volume-button { position: relative; } .mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 7.1875rem; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1.5625rem; z-index: 1; } .mejs__volume-button:hover { border-radius: 0 0 0.25rem 0.25rem; } .mejs__volume-total { background: rgba(255, 255, 255, 0.5); border: 0.06rem solid #fff; height: 6.25rem; left: 50%; margin: 0; position: absolute; top: 0.5rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0.125rem; } .mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; } .mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border: 1px solid #fff; border-radius: 1px; cursor: ns-resize; height: 0.375rem; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1rem; } .mejs__horizontal-volume-slider { display: block; height: 2.25rem; position: relative; vertical-align: middle; width: 3.5rem; } .mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border: 0.06rem solid #fff; border-radius: 0.125rem; font-size: 1px; height: 0.5rem; left: 0; margin: 0; padding: 0; position: absolute; top: 1rem; width: 3.125rem; } .mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 0.125rem; border-right: 0.06rem solid #fff; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .mejs__horizontal-volume-handle { display: none; } .mejs__mute svg, .mejs__unmute svg { stroke: currentColor; } .mejs__volume-button svg { display: none; } .mejs__mute .mejs__icon-mute { display: block; } .mejs__unmute .mejs__icon-unmute { display: block; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs__captions-button, .mejs__chapters-button { position: relative; } .mejs__chapters-button svg, .mejs__captions-button svg { padding-top: 0.125rem; } .mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -2.6875rem; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 5.375rem; } /* reduced opacity if captions button is in toggle mode and deactivated */ .mejs__captions-button-toggle { opacity: 0.7; } /* normal opacity if captions button is in toggle mode and activated */ .mejs__captions-button-toggle-on { opacity: 1; } .mejs__chapters-button > .mejs__chapters-selector { margin-right: -3.4375rem; width: 6.875rem; } .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 0.375rem; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -62.5rem; margin: 0.1875rem 0.1875rem 0 0.3125rem; position: absolute; } .mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 0.625rem; line-height: 0.9375rem; padding: 0.25rem 0.625rem 0; width: 100%; } .mejs__captions-selector-list-item:hover .mejs__captions-selector-label, .mejs__chapters-selector-list-item:hover .mejs__chapters-selector-label { text-decoration: underline; } .mejs__captions-selected, .mejs__chapters-selected { color: rgba(33, 248, 248, 1); font-weight: bold; } .mejs__captions-translations { font-size: 0.625rem; margin: 0 0 0.3125rem; } .mejs__captions-layer { bottom: 0; color: #fff; font-size: 1rem; left: 0; line-height: 1.25rem; position: absolute; text-align: center; } .mejs__captions-layer a { color: #fff; text-decoration: underline; } .mejs__captions-layer[lang=ar] { font-size: 1.25rem; font-weight: normal; } .mejs__captions-position { bottom: 0.9375rem; left: 0; position: absolute; width: 100%; } .mejs__captions-position-hover { bottom: 2.1875rem; } .mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 0.3125rem 0 0 rgba(20, 20, 20, 0.5), -0.3125rem 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .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: 0.8em; } .mejs__cannotplay { position: relative; } .mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 0.9375rem; width: 100%; } /* End: Error */ @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } @charset "UTF-8"; /*#fbf7dc; /*fcf9e6;*/ /*#e58200;*/ /*#e28631;*/ /* dunkleres orange (links & breadcrumbs): #b16022 */ /* open-sans-300 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/open-sans-v17-latin-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light"), local("OpenSans-Light"), url("../../files/layout/fonts/open-sans-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-300.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-regular - latin */ @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.woff") format("woff"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/nunito-sans-v5-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("../../files/layout/fonts/open-sans-v17-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/open-sans-v17-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../../files/layout/fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("../../files/layout/fonts/open-sans-v17-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../../files/layout/fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("../../files/layout/fonts/open-sans-v17-latin-600.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../../files/layout/fonts/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-600.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-600.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-600.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("../../files/layout/fonts/open-sans-v17-latin-600italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/open-sans-v17-latin-700.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../../files/layout/fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-700.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("../../files/layout/fonts/open-sans-v17-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("../../files/layout/fonts/open-sans-v17-latin-800.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../../files/layout/fonts/open-sans-v17-latin-800.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-800.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-800.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-800.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("../../files/layout/fonts/open-sans-v17-latin-800italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.woff") format("woff"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-v17-latin-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-condensed-300 - latin */ @font-face { font-family: "Open Sans Condensed"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Condensed Light"), local("OpenSansCondensed-Light"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.woff2") format("woff2"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.woff") format("woff"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.ttf") format("truetype"), url("../../files/layout/fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed") format("svg"); /* Legacy iOS */ } /* dosis-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 200; src: url("../../files/layout/fonts/dosis-v32-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/dosis-v32-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/dosis-v32-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 500; src: url("../../files/layout/fonts/dosis-v32-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 600; src: url("../../files/layout/fonts/dosis-v32-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/dosis-v32-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dosis-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Dosis"; font-style: normal; font-weight: 800; src: url("../../files/layout/fonts/dosis-v32-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*#fbf7dc; /*fcf9e6;*/ /*#e58200;*/ /*#e28631;*/ /* dunkleres orange (links & breadcrumbs): #b16022 */ /* @mixin button { display: inline-block; background: $yellow; //$red; color: $brown; //$white; font-size: 120%; padding: 0.6rem 1.4rem; border: none; @include rounded_corners; @include transition_all; &:hover { background: $creme !important; } } */ body { background: #fff; font-family: "Open Sans", sans-serif; font-size: 100%; color: #5e2700; } #container { line-height: 130%; } #outer, #footer .inside { max-width: 1280px; margin-left: auto; margin-right: auto; } h1, h2, h3 { font-family: "Dosis", Sans-Serif; font-weight: 700; line-height: 150%; } h1 { font-size: 170%; color: #5e2700; } @media (min-width: 67.5em) { h1 { margin-bottom: 1.9rem; } } @media (max-width: 67.49em) { h1 { margin-top: 0; font-size: 140%; margin-bottom: 1.3rem; } } h2 { font-size: 140%; color: #5e2700; /*$red*/ margin-bottom: 1.3rem; } h3 { font-size: 100%; } p { margin: 1rem 0; } strong { font-weight: 700; } .small { font-size: 86%; } .rounded_corners { border-radius: 14px; } .flex_wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .textorange { color: #BD5B00; /* $red;*/ } .lightorange { color: #BD5B00; /*$yellow;*/ } .brown { color: #5e2700; } .sc2 { box-sizing: border-box; } @media (max-width: 50.615em) { .sc2 { width: unset; display: block; float: none; margin-bottom: 1rem; } } #header #logo_mobile { margin-top: 0.3rem; } #header #logo_mobile img { max-height: 38px; } @media (max-width: 67.49em) { #header #logo_mobile img { max-height: 34px; } } #header #phone { position: absolute; transition: all 0.25s ease-in-out; } @media (min-width: 67.5em) { #header #phone { margin-top: 0.6rem; right: 155px; } #header #phone a { display: inline-block; padding: 0.55rem 1rem; background: #fff2cf; border-radius: 14px; } } @media (max-width: 67.49em) { #header #phone { left: 74px; float: none; } #header #phone a { padding: 0; } } #header #phone a img { width: 26px; height: auto; } @media (max-width: 67.49em) { #header #phone a img { width: 22px; margin-top: 0.7rem; } } #header .mod_logo.block img { border-radius: 14px; } @media (min-width: 67.5em) { #header .mod_logo.block { max-width: 1280px; margin-left: auto; margin-right: auto; overflow: visible !important; position: relative; z-index: 1; } #header .mod_logo.block figure { position: relative; top: -88px; left: 30px; margin-bottom: -240px; z-index: 9; } } @media (max-width: 67.49em) { #header .mod_logo.block { display: none; } } #header .mod_pageimage img { width: 100% !important; } #wrapper.scroll #header #phone { right: unset; left: 74px; float: none; } #wrapper.scroll #header #phone a { padding: 0; } @media (min-width: 67.5em) { #wrapper:not(.scroll) #header #logo_mobile { display: none; } } @media (max-width: 67.49em) { #outer { clear: both; } } @media (min-width: 67.5em) { #main .inside { padding: 3.8rem 0 5rem 0; z-index: 9; } } @media (max-width: 67.49em) { #main .inside { padding: 2rem 0; /*2rem 3%;*/ } } @media (max-width: 50.615em) { #main .inside { padding: 2rem 0; /*2rem 3% 0 3%;*/ } } @media (max-width: 67.49em) { #left { margin-left: 0; float: none; width: 100%; right: 0; } #left .mod_navigation, #left .mod_customnav { display: none; } #left .inside { width: unset; padding: 2rem 2% 5rem 2%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #left .inside div { flex: 1 1 44%; /*width: 44%;*/ margin: 0.6rem 1% !important; } #left .inside div#vidlink { padding: 0.8rem; } #left .inside div#vidlink img { width: 100%; } #main { float: none; } #container { padding-left: 0; } } #left .inside a { color: #BD5B00; } #left .inside #vidlink a, #left .inside #box_vertrauen a { color: #5e2700; } @media (min-width: 67.5em) { #left .inside { width: 86%; position: relative; top: 160px; z-index: 5; padding-bottom: 250px; } } #footer { background: #fca605; } @media (min-width: 67.5em) { #footer { padding: 3rem 0; } } @media (max-width: 67.49em) { #footer { padding: 3rem 0 0 0; } } @media (max-width: 79.99em) { #footer .inside { padding: 2rem 2%; } } #footer #footer_contact { position: relative; top: -150px; margin-bottom: -140px; /*.hinweis { align-self: center; }*/ } @media (max-width: 67.49em) { #footer #footer_contact .line { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } } @media (min-width: 50.625em) { #footer #footer_contact .line { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: end; } } #footer #footer_contact p { line-height: 130%; } #footer #footer_contact p a { color: #5e2700; text-decoration: none; } #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { font-size: 90%; vertical-align: top; } #footer #footer_contact .contact_hint a, #footer #footer_contact .hinweis a { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fff2cf; /*&:hover { background: $white !important; }*/ text-decoration: none; /*margin: 0 0.3rem;*/ } #footer #footer_contact .contact_hint a:hover, #footer #footer_contact .hinweis a:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #footer #footer_contact .contact_hint a a, #footer #footer_contact .hinweis a a { text-decoration: none; } @media (min-width: 67.5em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { width: 26%; position: relative; top: -1rem; } } @media (min-width: 50.625em) and (max-width: 67.49em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { width: 50%; margin: 0.6rem 0; } } @media (max-width: 50.615em) { #footer #footer_contact .contact_hint, #footer #footer_contact .hinweis { margin: 0.6rem 0; } } @media (min-width: 67.5em) { #footer #footer_contact #contact1, #footer #footer_contact #contact2 { width: 23%; } } @media (min-width: 50.625em) and (max-width: 67.49em) { #footer #footer_contact #contact1, #footer #footer_contact #contact2 { width: 50%; } } @media (max-width: 67.49em) { #footer #footer_copy { margin-left: 1.2rem !important; margin-right: 1.2rem !important; font-size: 90%; } } #footer #footer_copy p { color: #5e2700; text-align: center; margin: 1.4rem 0; } @media (max-width: 67.49em) { #footer figure img { max-width: 150px; } } @media (max-width: 37.49em) { #footer figure img { margin-left: 0.7rem; max-width: 30%; } } /* Cookie Banner */ @media (max-width: 67.49em) and (max-width: 50.615em) { .cc-window { max-width: 86% !important; } } @media (max-width: 67.49em) { .cc-window .cc-message { font-size: 0.8rem !important; line-height: 120%; } } /**/ #head-wrap { position: fixed; top: 0; z-index: 999; width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; justify-content: center; } @media (max-width: 67.49em) { #head-wrap { background-color: #fff2cf; height: 46px; } } @media (max-width: 67.49em) { #wrapper:not(.scoll) { padding-top: 46px; } } @media (min-width: 67.5em) { .scroll #head-wrap { height: 50px; background-color: #fff2cf; } } #bottom { width: 60px; position: fixed; right: 1.8rem; bottom: 1.2rem; z-index: 9; } #bottom #scroll-top { padding: 8px 20px; text-align: center; } #bottom #scroll-top a { display: block; width: 32px; height: 32px; font-size: 0; text-indent: -99999px; } #bottom #scroll-top a span { background-color: #5e2700; border-radius: 6px; padding: 0.8rem; display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(../../files/layout/images/triangle-filled_white.svg); background-size: 40%; background-position: center center; transition: all 0.25s ease-in-out; } #bottom #scroll-top a span:hover, #bottom #scroll-top a span:active, #bottom #scroll-top a span:focus { background-color: #FCA605; } .mod_breadcrumb { position: relative; top: -0.7rem; } @media (max-width: 67.49em) { .mod_breadcrumb { line-height: 150%; margin-left: 1.2rem; margin-right: 1.2rem; } } .mod_breadcrumb ul { margin: 0 !important; padding: 0 !important; font-size: 90%; margin: 1rem 0; } .mod_breadcrumb ul li { list-style: none; display: inline; color: #BD5B00; } .mod_breadcrumb ul li.active { font-weight: bold; } .mod_breadcrumb ul li a, .mod_breadcrumb ul li span { color: #BD5B00; text-decoration: none; } .mod_breadcrumb ul li a:hover, .mod_breadcrumb ul li a:active { text-decoration: underline; } .mod_breadcrumb ul li:not(.first) { /*text-transform: uppercase;*/ } .mod_breadcrumb ul li a:after { content: "> "; display: inline-block; padding-left: 0.4rem; font-size: 110%; position: relative; } @media (min-width: 67.5em) { .ti-widget { margin: 0.6rem 0 1.4rem 0; } } @media (max-width: 67.49em) { .ti-widget { width: calc(100% - 2.4rem) !important; margin-top: 1.2rem; } } @media (min-width: 67.5em) { #wrapper:not(.scroll) #mobilemenu, #wrapper:not(.scroll) #menu_button { display: none; } } #mobilemenu:not(.mm-menu) { display: none; } @media (min-width: 67.5em) { /*#mobilemenu, #menu_button { display: none; }*/ #left .mod_navigation ul.level_1, #left .mod_customnav ul.level_1 { margin: 0; } #left .mod_navigation ul.level_1 > li:after, #left .mod_customnav ul.level_1 > li:after { content: ""; position: relative; left: 30px; width: calc(100% - 30px); top: 0; height: 1px; border-top: 1px solid #5e2700; display: block; } #left .mod_navigation ul.level_1 li, #left .mod_customnav ul.level_1 li { font-family: "Dosis", Sans-Serif; } #left .mod_navigation ul.level_1 li > a, #left .mod_navigation ul.level_1 li > strong, #left .mod_navigation ul.level_1 li > span, #left .mod_customnav ul.level_1 li > a, #left .mod_customnav ul.level_1 li > strong, #left .mod_customnav ul.level_1 li > span { color: #BD5B00; font-weight: 700; font-size: 1.1rem; text-decoration: none; display: block; padding: 1.2rem 0 1.2rem 30px; /*border-bottom: 1px solid $brown;*/ } #left .mod_navigation ul.level_1 li > a.submenu, #left .mod_navigation ul.level_1 li > strong.submenu, #left .mod_navigation ul.level_1 li > span.submenu, #left .mod_customnav ul.level_1 li > a.submenu, #left .mod_customnav ul.level_1 li > strong.submenu, #left .mod_customnav ul.level_1 li > span.submenu { border-bottom: none; /*padding-bottom: 0.4rem;*/ margin-bottom: -0.8rem; } #left .mod_navigation ul.level_1 li strong.active, #left .mod_navigation ul.level_1 li span.active, #left .mod_customnav ul.level_1 li strong.active, #left .mod_customnav ul.level_1 li span.active { color: #5e2700; background-image: url(../../files/layout/images/menu.png); background-position: left; background-repeat: no-repeat; background-size: 20px; } #left .mod_navigation ul.level_1 li strong.active.submenu, #left .mod_navigation ul.level_1 li span.active.submenu, #left .mod_customnav ul.level_1 li strong.active.submenu, #left .mod_customnav ul.level_1 li span.active.submenu { background-position: left center; } #left .mod_navigation ul.level_1 li a.trail, #left .mod_customnav ul.level_1 li a.trail { color: #5e2700; } #left .mod_navigation ul.level_1 li ul.level_2, #left .mod_customnav ul.level_1 li ul.level_2 { padding-left: 30px !important; } #left .mod_navigation ul.level_1 li ul.level_2 > li > a, #left .mod_navigation ul.level_1 li ul.level_2 > li > strong.active, #left .mod_navigation ul.level_1 li ul.level_2 > li > span.active, #left .mod_customnav ul.level_1 li ul.level_2 > li > a, #left .mod_customnav ul.level_1 li ul.level_2 > li > strong.active, #left .mod_customnav ul.level_1 li ul.level_2 > li > span.active { padding: 0.4rem 0 0.4rem 30px; border: none; } #left .mod_navigation ul.level_1 li.last, #left .mod_customnav ul.level_1 li.last { /*:after { content: ""; position: relative; !*left: 30px;*! top: 1.3rem; height: 1px; border-top: 1px solid $brown; display: block; }*/ } #left .mod_navigation ul.level_1 li.active.submenu, #left .mod_customnav ul.level_1 li.active.submenu { /*border-bottom: 1px solid $brown;*/ /*:after { content: ""; position: relative; !*left: 30px;*! top: 1.3rem; height: 1px; border-top: 1px solid $brown; display: block; }*/ } } @media (min-width: 67.5em) { #footer_menu { border-top: 2px solid #5e2700; padding-top: 1.8rem; } #footer_menu ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #footer_menu ul li a, #footer_menu ul li strong.active, #footer_menu ul li > span.active { color: #5e2700; font-weight: bold; text-decoration: none; transition: all 0.25s ease-in-out; } #footer_menu ul li a:hover, #footer_menu ul li a:active, #footer_menu ul li strong.active, #footer_menu ul li > span.active { color: #fff2cf; } } @media (max-width: 67.49em) { #footer_menu { display: none; } } /*@include mq($until: desktop) {*/ #menu_button { position: absolute; z-index: 8; left: 0.3rem; top: 0.3rem; color: #5e2700; /*$white;*/ font-size: 0.9rem; text-transform: uppercase; /*margin-top: 1rem;*/ margin-left: 1rem; width: 30px; height: 36px; } #menu_button a:after, #menu_button a:before, #menu_button a span { background-color: #5e2700; /*$white;*/ content: ""; display: block; height: 4px; margin: 6px 0; border-radius: 30px; transition: all 0.2s ease-in-out; } .mm-wrapper_opened #menu_button a:before { transform: translateY(10px) rotate(135deg); } .mm-wrapper_opened #menu_button a:after { transform: translateY(-10px) rotate(-135deg); } .mm-wrapper_opened #menu_button a span { transform: scale(0); } .mm-menu { background: #fff !important; font-family: "Dosis", Sans-Serif; } .mm-menu li a, .mm-menu li span { font-weight: bold; } .mm-menu li.active > a, .mm-menu li.active > span { color: #5e2700; } /*}*/ @media (max-width: 37.49em) { .mm-menu_offcanvas { max-width: 80% !important; } } #member-menu ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; font-size: 90%; margin-left: 0 !important; } #member-menu ul li { list-style: none !important; } #member-menu ul li a { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; text-decoration: none; } #member-menu ul li a:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } @media (max-width: 50.615em) { #member-menu ul li a { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-size: 84%; padding: 0.3rem 0.5rem; text-decoration: none !important; } #member-menu ul li a:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } } #member-menu ul li strong, #member-menu ul li span { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; font-weight: normal; } #member-menu ul li strong:hover, #member-menu ul li span:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #member-menu ul li strong:hover, #member-menu ul li span:hover { background: #f6de6f !important; } #member-menu ul li strong a, #member-menu ul li span a { color: #5e2700 !important; text-decoration: none; } @media (max-width: 50.615em) { #member-menu ul li strong, #member-menu ul li span { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; font-size: 84%; padding: 0.3rem 0.5rem; color: #5e2700 !important; text-decoration: none !important; } #member-menu ul li strong:hover, #member-menu ul li span:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #member-menu ul li strong:hover, #member-menu ul li span:hover { background: #f6de6f !important; } #member-menu ul li strong a, #member-menu ul li span a { color: #5e2700 !important; text-decoration: none; } } .ce_text ul, .ce_text ol { margin-left: 0; margin-top: 0; margin-bottom: 1.8rem; } .ce_text ul li, .ce_text ol li { margin: 0.8rem 0; } #main a { color: #BD5B00; } #main a.button, #main a.youtube { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; /*border: none;*/ font-weight: bold; text-decoration: none; } #main a.button:hover, #main a.youtube:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #main span.button, #main input.add_to_cart { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; } #main span.button:hover, #main input.add_to_cart:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #main span.button a, #main input.add_to_cart a { color: #5e2700 !important; text-decoration: none; font-weight: bold; } #main a.orange_button, #main span.orange_button { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; } #main a.orange_button:hover, #main span.orange_button:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #main a.orange_button:hover, #main span.orange_button:hover { background: #f6de6f !important; } #main a.orange_button a, #main span.orange_button a { color: #5e2700 !important; text-decoration: none; } #main .ce_image img { margin-top: 1.2rem; margin-bottom: 1.2rem; } @media (min-width: 67.5em) { #main .ce_image img { border-radius: 14px; } } #main .ce_image + .ce_text:not(.ce_accordion) { padding-top: 2rem; /*margin-top: -2.6rem;*/ } #main picture { line-height: 100% !important; } @media (max-width: 67.49em) { #main .ce_text:not(.background), #main .ce_accordion:not(.background), #main .ce_headline:not(.background), #main .mod_iso_productlist:not(.background), #main .rs-columns:not(.background), #main .ce_player:not(.background), #main .ce_download:not(.background), #main .ce_downloads:not(.background), #main .mod_login:not(.background), #main .ti-widget:not(.background) { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } } #main .ce_text.background, #main .ce_accordion.background, #main .ce_headline.background, #main .mod_iso_productlist.background, #main .rs-columns.background, #main .ce_player.background, #main .ce_download.background, #main .ce_downloads.background, #main .mod_login.background, #main .ti-widget.background { background-color: #fff2cf; /*@include mq($from: desktop) { @include rounded_corners; }*/ padding: 1.2rem; } #main .ce_text.background.sc2, #main .ce_accordion.background.sc2, #main .ce_headline.background.sc2, #main .mod_iso_productlist.background.sc2, #main .rs-columns.background.sc2, #main .ce_player.background.sc2, #main .ce_download.background.sc2, #main .ce_downloads.background.sc2, #main .mod_login.background.sc2, #main .ti-widget.background.sc2 { padding-left: 1.2rem !important; padding-right: 1.2rem !important; } @media (min-width: 50.625em) { #main .ce_text.background.sc2, #main .ce_accordion.background.sc2, #main .ce_headline.background.sc2, #main .mod_iso_productlist.background.sc2, #main .rs-columns.background.sc2, #main .ce_player.background.sc2, #main .ce_download.background.sc2, #main .ce_downloads.background.sc2, #main .mod_login.background.sc2, #main .ti-widget.background.sc2 { width: calc(49.5% - 2.4rem); } } #main .ce_text.background + .ce_text, #main .ce_accordion.background + .ce_text, #main .ce_headline.background + .ce_text, #main .mod_iso_productlist.background + .ce_text, #main .rs-columns.background + .ce_text, #main .ce_player.background + .ce_text, #main .ce_download.background + .ce_text, #main .ce_downloads.background + .ce_text, #main .mod_login.background + .ce_text, #main .ti-widget.background + .ce_text { margin-top: 1.8rem; } #main .ce_text.background + .background, #main .ce_accordion.background + .background, #main .ce_headline.background + .background, #main .mod_iso_productlist.background + .background, #main .rs-columns.background + .background, #main .ce_player.background + .background, #main .ce_download.background + .background, #main .ce_downloads.background + .background, #main .mod_login.background + .background, #main .ti-widget.background + .background { border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 1rem; margin-top: -1.2rem; } #main .rs-columns { box-sizing: border-box; } @media (max-width: 50.615em) { #main .rs-columns .ce_youtube figure { text-align: center; } #main .rs-columns .ce_youtube figure { position: relative; padding-bottom: 100%; /* 4:4 Seitenverhältnis, also Höhe = Breite */ height: 0; overflow: hidden; } #main .rs-columns .ce_youtube figure iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } #main .rs-columns .ce_image img { border-radius: 0; } #main ul, #main ol { margin-left: 1.2rem; } #main ul li { margin: 0.8rem 0; list-style-type: disc; } @media (max-width: 50.615em) { #main .ce_text a.orange_button, #main span.orange_button { font-size: 90%; padding: 0.5rem 0.5rem; font-weight: 500; text-decoration: none !important; font-weight: bold; } #main .ce_text a.orange_button a, #main .ce_text a.orange_button span, #main span.orange_button a, #main span.orange_button span { text-decoration: none !important; } } #main .ce_text a, #main .mod_customnav { font-weight: bold; } #colorbox a.button, #colorbox a.youtube { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; /*border: none;*/ font-weight: bold; text-decoration: none; } #colorbox a.button:hover, #colorbox a.youtube:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .ce_accordion { background: #fff2cf; border-radius: 14px; margin: 1.2rem 0; } .ce_accordion .toggler { background: #fca605; font-weight: bold; border-radius: 14px; cursor: pointer; padding: 0.5rem 1rem 0.5rem 2rem; transition: all 0.25s ease-in-out; } .ce_accordion .toggler .ui-icon { /*display: inline-block; float: left;*/ position: absolute; left: 0.3rem; margin-top: -0.3rem; font-size: 130%; background: url("data:image/svg+xml;utf8,"); background-size: 100%; width: 30px; height: 30px; background-position: center; transform: rotate(-90deg); } @media (max-width: 67.49em) { .ce_accordion .toggler .ui-icon { left: 1.3rem; } } .ce_accordion .toggler.ui-state-active .ui-icon { /*display: inline-block; float: left;*/ /*position: relative; top: -0.3rem;*/ font-size: 130%; background: url("data:image/svg+xml;utf8,"); background-size: 100%; width: 30px; height: 30px; background-position: center; transform: rotate(0); } .ce_accordion .ui-accordion-content { clear: both; margin-left: 2rem; } @media (max-width: 67.49em) { .ce_accordion .ui-accordion-content { margin-left: 1rem; margin-right: 1rem; } } .ce_accordion.light { background: #fff2cf; border-radius: 14px; /*overflow: unset;*/ margin: 1.2rem 0; } .ce_accordion.light .toggler { background: #fff2cf; /*background: #fff;*/ font-weight: normal !important; border-radius: 14px; border-radius: 0; cursor: pointer; padding: 0.5rem 0.8rem 0.5rem 0; display: flex; } .ce_accordion.light .toggler .ui-icon { display: inline-block; /*float: left;*/ position: relative; left: 0; /*top: -0.3rem;*/ font-size: 130%; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 32px; height: 30px; background-position: center; transform: rotate(-90deg); /*@include mq ($until: tablet) { width: 40px; }*/ } .ce_accordion.light .toggler .acc_head { width: calc(100% - 40px); } .ce_accordion.light .toggler.ui-state-active { background: transparent; transition: all 0.25s ease-in-out; } .ce_accordion.light .toggler.ui-state-active .ui-icon { display: inline-block; float: left; /*position: relative; top: -0.3rem;*/ font-size: 130%; background: url("data:image/svg+xml;utf8,"); background-size: 100%; width: 30px; height: 30px; background-position: center; transform: rotate(0); } .ce_accordion.light .ui-accordion-content { clear: both; padding: 0 1rem 0.2rem 0; margin-left: 2rem; } @media (max-width: 67.49em) { .ce_accordion.light .ui-accordion-content { margin-left: 1rem; margin-right: 1rem; } } .ce_image.center figure { text-align: center; } #cboxLoadedContent p { line-height: 130%; } #cboxLoadedContent p .button_small { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; padding: 0.2rem 0.8rem; font-size: inherit; } #cboxLoadedContent p .button_small:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #cboxLoadedContent p .button_small a { color: #fff; text-decoration: none; } .twocol { /*@include mq($until: tablet) { text-align: center; }*/ } @media (min-width: 37.5em) { .twocol { -moz-column-count: 2; column-count: 2; -moz-column-gap: 40px; column-gap: 40px; margin: 1rem 0; } .twocol p { margin-top: 0; margin-bottom: 1.6rem; } .twocol p:last-of-type { margin-bottom: 0; } } .twocol.links a, .twocol.links span { font-weight: bold; text-decoration: none !important; } .link_button { display: block !important; font-weight: bold; display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; display: block; /*&:before { display: block; width: 40px; height: 30px; content: ""; position: absolute; left: 0.2rem; background-image: url("data:image/svg+xml;utf8,"); background-position: left; background-repeat: no-repeat; background-size: 100%; transform: rotate(-90deg); margin-top: -0.3rem; }*/ } .link_button:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } a:has(span.link_button), span.link_button a { color: #5e2700 !important; text-decoration: none !important; } .ce_downloads ul, .ce_download ul { margin-left: 0 !important; padding-left: 0 !important; } .ce_downloads li.download-element, .ce_download li.download-element { list-style: none; margin: 1.2rem 0; } .ce_downloads a, .ce_download a { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-weight: bold; color: #5e2700 !important; text-decoration: none !important; padding-left: 2.6rem; } .ce_downloads a:hover, .ce_download a:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .ce_downloads a:before, .ce_download a:before { display: block; width: 40px; height: 30px; content: ""; position: absolute; left: 0.8rem; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-position: left; background-repeat: no-repeat; background-size: 60%; margin-top: -0.3rem; } @media (max-width: 37.49em) { .ce_downloads a:before, .ce_download a:before { display: block; } } @media (max-width: 67.49em) { .ce_downloads a:before, .ce_download a:before { left: 2rem; } } .ce_downloads a:hover, .ce_downloads a:active, .ce_download a:hover, .ce_download a:active { text-decoration: underline; } .ce_downloads a span.size, .ce_download a span.size { display: none; } h2.home_caption { color: #5e2700; font-size: 1.8rem; letter-spacing: 0.1em; position: absolute; z-index: 7; width: 100%; font-weight: 600; text-align: center; /*@include mq($from: tablet, $until: desktop) { bottom: 140px; /*70%;*/ /*font-size: 1.8rem; /*left: calc(50% - 240px);*/ /*}*/ } @media (min-width: 67.5em) { h2.home_caption { bottom: 220px; /*80%; */ /*left: calc(50% - 380px);*/ font-size: 2.2rem; } } @media (max-width: 67.49em) { h2.home_caption { top: -0.3rem; /*70%;*/ font-size: 1.4rem; /*left: calc(50% - 240px);*/ } } h2.home_caption span { position: relative; } /*.home #header .mod_pageimage img { opacity: 0.9; }*/ .ce_player.block { overflow: visible; margin: 1.2rem 0; } .ce_player.block .mejs__audio { width: 300px !important; } .ce_player.block figure { display: flex; flex-direction: row; justify-content: center; } .ce_player.block figure img { width: 60px; height: 60px; border-radius: 100%; position: relative; top: -10px; margin-right: 10px; } #main .embed-container { position: relative; width: 100%; /* 4:4 = 1:1 ⇒ Höhe = 100% der Breite */ padding-bottom: 100%; height: 0; overflow: hidden; } #main .embed-container.nocontent { background-position: center center; background-repeat: no-repeat; background-size: contain; } #main .embed-container.nocontent .privacy-msg { display: block; align-items: center; text-align: center; width: 100%; /*unset !important;*/ height: 100%; /* unset !important;*/ } #main .embed-container.nocontent .privacy-msg a { position: relative; display: block; width: 100%; height: 100%; cursor: pointer; font-size: 0; text-indent: -9999px; z-index: 99; } #main .embed-container.nocontent + .desc_cookie { font-size: 84%; } #main .embed-container:not(.nocontent) { background: none !important; } #main .embed-container:not(.nocontent) a, #main .embed-container:not(.nocontent) + .desc_cookie { display: none; } #main .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Product List */ .mitteilung_hide { display: none; } .product_list { margin-bottom: 2rem; } .product_list .product { border-bottom: 1px solid #BD5B00; /*$red;*/ padding: 1.4rem 0; } .product_list .product:first-of-type { border-top: 1px solid #BD5B00; /*$red;*/ } .product_list .product h3 { font-size: 110%; } .product_list .product p { margin-bottom: 0; font-size: 90%; } @media (min-width: 50.625em) { .product_list .product .list_info, .product_list .product .list_price { display: inline-block; vertical-align: middle; } .product_list .product .list_info { width: 80%; } .product_list .product .list_price { width: 18%; /*34%;*/ font-weight: bold; /* .button { font-size: 100% !important; span { font-weight: normal; } } */ } } @media (max-width: 50.615em) { .product_list .product .details { text-align: center; } } .product_list .product a.button { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-size: 86% !important; padding: 1rem 2rem; } .product_list .product a.button:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } @media (min-width: 50.625em) { .product_list .product .flex_wrap { padding-right: 1.3rem; } } .product_list .product .flex_wrap .list_image { width: 18%; } .product_list .product .flex_wrap .list_image figure { text-align: center; } .product_list .product .flex_wrap .list_image figure img { max-width: 90px; margin-bottom: -20px; } @media (max-width: 37.49em) { .product_list .product .flex_wrap .list_image figure img { max-width: 80px; margin-bottom: unset; } } .product_list .product .flex_wrap .price { width: 78%; } .mod_iso_productreader .widget-radio legend { display: none; } .mod_iso_productreader .widget-radio #ctrl_groesse_variante_fmd20_product_40 legend { display: block; padding-bottom: 0.8rem; } .mod_iso_productreader .widget-radio #ctrl_groesse_variante_fmd20_product_40 legend span.mandatory { display: inline; } .mod_iso_productreader .product_section { border-top: 1px solid #BD5B00; /*$red;*/ padding: 1rem 0 2rem 0; } .mod_iso_productreader .product_section .product_image { display: inline-block; vertical-align: top; } @media (min-width: 64em) { .mod_iso_productreader .product_section .product_image { width: 24%; } } @media (min-width: 50.625em) and (max-width: 63.99em) { .mod_iso_productreader .product_section .product_image { width: 16%; padding-right: 1%; } } @media (max-width: 50.615em) { .mod_iso_productreader .product_section .product_image { width: unset; display: block; text-align: center; } .mod_iso_productreader .product_section .product_image img { height: 200px; width: auto; } } @media (min-width: 50.625em) { .mod_iso_productreader .product_section .product_details { display: inline-block; width: 75%; } } .mod_iso_productreader .product_section.mandatory_fields { background: #fff798; border-bottom: 1px solid #BD5B00; /*$red;*/ padding-left: 1rem; } .mod_iso_productreader .product_section.mandatory_fields .widget { width: calc(100% - 1rem); margin-left: 1rem; } .mod_iso_productreader .product_section.mandatory_fields .widget a { color: #5e2700 !important; } .mod_iso_productreader .product_section.mandatory_fields .widget label { display: inline; } @media (min-width: 50.625em) { .mod_iso_productreader .line { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0.5rem 0; justify-content: unset; } .mod_iso_productreader .line > div:nth-child(1) { width: 66%; } .mod_iso_productreader .line > div:nth-child(1).widget-textarea { width: 91%; } .mod_iso_productreader .line > div:nth-child(1).widget-radio legend { display: block !important; } .mod_iso_productreader .line > div:nth-child(1) label { width: 30%; } .mod_iso_productreader .line > div:nth-child(1) input { width: 50%; } .mod_iso_productreader .line > div:nth-child(1) input.radio { width: unset; } .mod_iso_productreader .line > div:nth-child(1) textarea { width: 100%; } .mod_iso_productreader .line > div:nth-child(1).product_image_small { width: 15%; } .mod_iso_productreader .line > div:nth-child(1).product_image_small figure { padding-right: 1rem; } .mod_iso_productreader .line > div:nth-child(2) { width: 30%; } .mod_iso_productreader .line > div:nth-child(2).widget label { width: 50%; } .mod_iso_productreader .line > div:nth-child(2).widget input { width: 25%; } .mod_iso_productreader .line > div:nth-child(2).product_variants { width: 44%; /*60%*/ } .mod_iso_productreader .line > div:nth-child(2).product_variants .widget { width: calc(100% - 1rem); margin-left: 1rem; } .mod_iso_productreader .line > div:nth-child(3).product_image_small { width: 15%; } .mod_iso_productreader .line > div:nth-child(3).product_image_small figure { padding-left: 1rem; } } @media (max-width: 50.615em) { .mod_iso_productreader .line .widget { width: calc(100% - 1rem); } .mod_iso_productreader .line .widget.widget-radio label { display: unset; } .mod_iso_productreader .line .widget.widget-text label, .mod_iso_productreader .line .widget.widget-textarea label, .mod_iso_productreader .line .widget.quantity_container label { width: 25%; } } @media (max-width: 67.49em) { .mod_iso_productreader .line { display: flex; flex-wrap: wrap; } .mod_iso_productreader .line .product_image_small.single { order: 1; flex: 50% 1 1; } .mod_iso_productreader .line .product_image_small.zusatz { order: 2; flex: 50% 1 1; } .mod_iso_productreader .line .product_variants { order: 3; flex: 100% 1 1; } .mod_iso_productreader .line .product_image_small { /*display: none;*/ } } .mod_iso_productreader .widget-textarea { /*margin-top: 3rem;*/ } .mod_iso_productreader .widget-textarea label { /*width: 21%;*/ flex: 1 1 21%; } .mod_iso_productreader .widget-textarea textarea { /*width: 68%;*/ flex: 1 1 76%; } .mod_iso_productreader .teaser { font-weight: bold; margin-bottom: 2rem; } .mod_iso_productreader .teaser .hint2 { font-weight: normal; } .mod_iso_productreader .description, .mod_iso_productreader .hinweis, .mod_iso_productreader .options_kind .label { font-size: 86%; } .mod_iso_productreader .hinweis { margin: 1rem 0; } .mod_iso_productreader fieldset.radio_container span { display: block; padding: 0.3rem 0; } .mod_iso_productreader .formbody .widget:not(.widget-radio) { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; justify-content: unset; align-items: center; } .mod_iso_productreader .formbody .widget:not(.widget-radio) label { color: #BD5B00; /*$red;*/ font-weight: bold; padding-right: 1rem; } .mod_iso_productreader .formbody .widget:not(.widget-radio) input { width: unset; } .mod_iso_productreader .formbody .widget:not(.widget-radio) input[name=quantity_requested], .mod_iso_productreader .formbody .widget:not(.widget-radio) input[name=alter_kind] { width: 60px; } .mod_iso_productreader .formbody .widget-checkbox.mandatory { margin-bottom: 1rem; } .mod_iso_productreader .formbody .widget-checkbox.mandatory label { color: unset; font-weight: normal; } .mod_iso_productreader .submit_container { margin-top: 2rem; text-align: center; } .mod_iso_productreader .submit_container input.add_to_cart { font-weight: bold; } .mod_iso_cart .address .widget, .mod_iso_cart .payment .widget, .mod_iso_checkout .address .widget, .mod_iso_checkout .payment .widget, .mod_iso_orderdetails .address .widget, .mod_iso_orderdetails .payment .widget { /*width: unset;*/ } .mod_iso_cart .address .widget .vcard .n span, .mod_iso_cart .payment .widget .vcard .n span, .mod_iso_checkout .address .widget .vcard .n span, .mod_iso_checkout .payment .widget .vcard .n span, .mod_iso_orderdetails .address .widget .vcard .n span, .mod_iso_orderdetails .payment .widget .vcard .n span { display: inline; } .mod_iso_cart .address .widget .street-address br, .mod_iso_cart .payment .widget .street-address br, .mod_iso_checkout .address .widget .street-address br, .mod_iso_checkout .payment .widget .street-address br, .mod_iso_orderdetails .address .widget .street-address br, .mod_iso_orderdetails .payment .widget .street-address br { display: none; } .mod_iso_cart .address .widget .radio_container > span, .mod_iso_cart .payment .widget .radio_container > span, .mod_iso_checkout .address .widget .radio_container > span, .mod_iso_checkout .payment .widget .radio_container > span, .mod_iso_orderdetails .address .widget .radio_container > span, .mod_iso_orderdetails .payment .widget .radio_container > span { margin-bottom: 0.6rem; display: flex; align-items: flex-start; } .mod_iso_cart .address .widget .radio_container > span input.radio, .mod_iso_cart .payment .widget .radio_container > span input.radio, .mod_iso_checkout .address .widget .radio_container > span input.radio, .mod_iso_checkout .payment .widget .radio_container > span input.radio, .mod_iso_orderdetails .address .widget .radio_container > span input.radio, .mod_iso_orderdetails .payment .widget .radio_container > span input.radio { margin: 0.3rem 0.8rem 0 0; } @media (max-width: 50.615em) { .mod_iso_cart table, .mod_iso_checkout table, .mod_iso_orderdetails table { font-size: 90%; } } .mod_iso_cart table tr:first-of-type, .mod_iso_checkout table tr:first-of-type, .mod_iso_orderdetails table tr:first-of-type { border-bottom: 1px solid #BD5B00; /*$red;*/ } .mod_iso_cart table tr.foot_last, .mod_iso_checkout table tr.foot_last, .mod_iso_orderdetails table tr.foot_last { border-bottom: 1px solid #BD5B00; /*$red;*/ } .mod_iso_cart table tr.foot_last td, .mod_iso_checkout table tr.foot_last td, .mod_iso_orderdetails table tr.foot_last td { font-weight: bold; } .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { padding: 0.5rem 0.3rem 0.3rem 0; } @media (max-width: 37.49em) { .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { text-align: center !important; } } .mod_iso_cart table tr td, .mod_iso_checkout table tr td, .mod_iso_orderdetails table tr td { padding: 0.5rem 0.3rem 0.3rem 0; } .mod_iso_cart table tr td.col_first, .mod_iso_checkout table tr td.col_first, .mod_iso_orderdetails table tr td.col_first { /*width: 10%;*/ } .mod_iso_cart table tr td.col_first figure, .mod_iso_checkout table tr td.col_first figure, .mod_iso_orderdetails table tr td.col_first figure { padding-right: 1rem; } @media (max-width: 50.615em) { .mod_iso_cart table tr td.col_first figure, .mod_iso_checkout table tr td.col_first figure, .mod_iso_orderdetails table tr td.col_first figure { padding-right: 0.2rem; } } .mod_iso_cart table tr td.col_first figure img, .mod_iso_checkout table tr td.col_first figure img, .mod_iso_orderdetails table tr td.col_first figure img { max-width: 80px; } @media (max-width: 50.615em) { .mod_iso_cart table tr td.col_first figure img, .mod_iso_checkout table tr td.col_first figure img, .mod_iso_orderdetails table tr td.col_first figure img { max-width: 32px; } } .mod_iso_cart table tr td.quantity input, .mod_iso_checkout table tr td.quantity input, .mod_iso_orderdetails table tr td.quantity input { width: 40px; } .mod_iso_cart table tr td.price, .mod_iso_checkout table tr td.price, .mod_iso_orderdetails table tr td.price { text-align: right; } .mod_iso_cart table tr td.col_5 a, .mod_iso_checkout table tr td.col_5 a, .mod_iso_orderdetails table tr td.col_5 a { display: inline-block; margin-left: 0.5rem; width: 30px; height: 30px; transition: all 0.25s ease-in-out; } .mod_iso_cart table tr td.col_5 a.edit, .mod_iso_checkout table tr td.col_5 a.edit, .mod_iso_orderdetails table tr td.col_5 a.edit { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: contain; background-repeat: no-repeat; } .mod_iso_cart table tr td.col_5 a.edit:hover, .mod_iso_checkout table tr td.col_5 a.edit:hover, .mod_iso_orderdetails table tr td.col_5 a.edit:hover { background-size: 120%; } .mod_iso_cart table tr td.col_5 a.remove, .mod_iso_checkout table tr td.col_5 a.remove, .mod_iso_orderdetails table tr td.col_5 a.remove { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 120%; background-repeat: no-repeat; } .mod_iso_cart table tr td.col_5 a.remove:hover, .mod_iso_checkout table tr td.col_5 a.remove:hover, .mod_iso_orderdetails table tr td.col_5 a.remove:hover { background-size: 140%; } .mod_iso_cart table tr th, .mod_iso_checkout table tr th, .mod_iso_orderdetails table tr th { padding: 0.8rem 0; } .mod_iso_cart .hint_list, .mod_iso_checkout .hint_list, .mod_iso_orderdetails .hint_list { margin: 0.8rem 0; font-size: 86%; } .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container, .mod_iso_orderdetails .submit_container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 2rem 0; } @media (max-width: 50.615em) { .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container, .mod_iso_orderdetails .submit_container { flex-direction: column; } } .mod_iso_cart .submit_container a, .mod_iso_cart .submit_container input, .mod_iso_checkout .submit_container a, .mod_iso_checkout .submit_container input, .mod_iso_orderdetails .submit_container a, .mod_iso_orderdetails .submit_container input { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; text-align: center; /*&.confirm { font-size: 160%; padding: 1rem 2rem; }*/ } .mod_iso_cart .submit_container a:hover, .mod_iso_cart .submit_container input:hover, .mod_iso_checkout .submit_container a:hover, .mod_iso_checkout .submit_container input:hover, .mod_iso_orderdetails .submit_container a:hover, .mod_iso_orderdetails .submit_container input:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_cart .submit_container a.orange_button, .mod_iso_cart .submit_container input.orange_button, .mod_iso_checkout .submit_container a.orange_button, .mod_iso_checkout .submit_container input.orange_button, .mod_iso_orderdetails .submit_container a.orange_button, .mod_iso_orderdetails .submit_container input.orange_button { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; } .mod_iso_cart .submit_container a.orange_button:hover, .mod_iso_cart .submit_container input.orange_button:hover, .mod_iso_checkout .submit_container a.orange_button:hover, .mod_iso_checkout .submit_container input.orange_button:hover, .mod_iso_orderdetails .submit_container a.orange_button:hover, .mod_iso_orderdetails .submit_container input.orange_button:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_cart .submit_container a.orange_button:hover, .mod_iso_cart .submit_container input.orange_button:hover, .mod_iso_checkout .submit_container a.orange_button:hover, .mod_iso_checkout .submit_container input.orange_button:hover, .mod_iso_orderdetails .submit_container a.orange_button:hover, .mod_iso_orderdetails .submit_container input.orange_button:hover { background: #f6de6f !important; } .mod_iso_cart .submit_container a.orange_button a, .mod_iso_cart .submit_container input.orange_button a, .mod_iso_checkout .submit_container a.orange_button a, .mod_iso_checkout .submit_container input.orange_button a, .mod_iso_orderdetails .submit_container a.orange_button a, .mod_iso_orderdetails .submit_container input.orange_button a { color: #5e2700 !important; text-decoration: none; } @media (max-width: 50.615em) { .mod_iso_cart .submit_container a, .mod_iso_cart .submit_container input, .mod_iso_checkout .submit_container a, .mod_iso_checkout .submit_container input, .mod_iso_orderdetails .submit_container a, .mod_iso_orderdetails .submit_container input { margin: 0.4rem 0; } } .mod_iso_cart .submit_container a, .mod_iso_checkout .submit_container a, .mod_iso_orderdetails .submit_container a { color: #5e2700 !important; text-decoration: none; } .mod_iso_cart .coupon, .mod_iso_checkout .coupon, .mod_iso_orderdetails .coupon { border-top: 1px solid #BD5B00; /*$red;*/ border-bottom: 1px solid #BD5B00; /*$red;*/ padding: 3rem 0 2rem 0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; justify-content: left; } .mod_iso_cart .coupon h2, .mod_iso_checkout .coupon h2, .mod_iso_orderdetails .coupon h2 { margin: 0; font-size: 120%; } .mod_iso_cart .coupon .formbody, .mod_iso_checkout .coupon .formbody, .mod_iso_orderdetails .coupon .formbody { padding: 0 1rem; } .mod_iso_cart .coupon input.submit, .mod_iso_checkout .coupon input.submit, .mod_iso_orderdetails .coupon input.submit { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; margin-left: 1rem; } .mod_iso_cart .coupon input.submit:hover, .mod_iso_checkout .coupon input.submit:hover, .mod_iso_orderdetails .coupon input.submit:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_cart .coupon input[type=text], .mod_iso_checkout .coupon input[type=text], .mod_iso_orderdetails .coupon input[type=text] { width: unset; } .mod_iso_checkout .steps ol { margin: 0 0 2rem 0 !important; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 50.615em) { .mod_iso_checkout .steps ol { flex-direction: column; } .mod_iso_checkout .steps ol li { margin: 0.2rem 0; text-align: center; } } .mod_iso_checkout .steps ol li { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; } .mod_iso_checkout .steps ol li:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_checkout .steps ol li a { text-decoration: none; color: #5e2700 !important; } .mod_iso_checkout .steps ol li:not(.passed) { background-color: #eee; /*$midyellow; /*$grey;*/ } .mod_iso_checkout .steps ol li.active { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; } .mod_iso_checkout .steps ol li.active:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_checkout .steps ol li.active:hover { background: #f6de6f !important; } .mod_iso_checkout .steps ol li.active a { color: #5e2700 !important; text-decoration: none; } .mod_iso_checkout #shippingaddress_new .widget { display: inline-block; } .mod_iso_checkout #shippingaddress_new .widget:nth-child(even) { float: right; } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) { width: 100%; margin: 0; } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) input { width: calc(50% - 1rem); } .mod_iso_checkout #billingaddress_new .widget-text:not(.mandatory) label { display: block; } .mod_iso_checkout label span.note { font-weight: normal; } .mod_iso_checkout label span.note p { margin: 0.5rem 0 0 0; } .mod_iso_checkout #iso_mod_checkout_shipping .widget, .mod_iso_checkout #iso_mod_checkout_payment .widget { width: 100%; } .mod_iso_checkout #iso_mod_checkout_shipping .widget span, .mod_iso_checkout #iso_mod_checkout_payment .widget span { margin-bottom: 1rem; } .mod_iso_checkout #iso_mod_checkout_shipping .widget span span, .mod_iso_checkout #iso_mod_checkout_payment .widget span span { display: inline; } .mod_iso_checkout #iso_mod_checkout_shipping .widget span label, .mod_iso_checkout #iso_mod_checkout_payment .widget span label { display: unset; color: #5e2700; } .mod_iso_checkout #iso_mod_checkout_shipping .submit_container, .mod_iso_checkout #iso_mod_checkout_payment .submit_container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #iso_mod_checkout_review .submit_container, .mod_iso_overview .submit_container, .mod_iso_orderdetails .submit_container { margin-top: 3rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 50.615em) { #iso_mod_checkout_review .submit_container, .mod_iso_overview .submit_container, .mod_iso_orderdetails .submit_container { flex-direction: column; } } #iso_mod_checkout_review .submit_container a#button_cart, .mod_iso_overview .submit_container a#button_cart, .mod_iso_orderdetails .submit_container a#button_cart { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; text-decoration: none !important; } #iso_mod_checkout_review .submit_container a#button_cart:hover, .mod_iso_overview .submit_container a#button_cart:hover, .mod_iso_orderdetails .submit_container a#button_cart:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } #iso_mod_checkout_review .info_container, .mod_iso_overview .info_container, .mod_iso_orderdetails .info_container { width: 46%; display: inline-block; margin-bottom: 2.2rem; } @media (max-width: 50.615em) { #iso_mod_checkout_review .info_container, .mod_iso_overview .info_container, .mod_iso_orderdetails .info_container { display: block; width: unset; } } #iso_mod_checkout_review .info_container h3, .mod_iso_overview .info_container h3, .mod_iso_orderdetails .info_container h3 { margin-top: 0.3rem; } #iso_mod_checkout_review .info_container a.edit, .mod_iso_overview .info_container a.edit, .mod_iso_orderdetails .info_container a.edit { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-size: 70%; padding: 0.1rem 0.4rem; text-decoration: none; } #iso_mod_checkout_review .info_container a.edit:hover, .mod_iso_overview .info_container a.edit:hover, .mod_iso_orderdetails .info_container a.edit:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } .mod_iso_addressbook .fields { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } /*.mini-cart, .login_header {*/ .mini-cart, .login_header { overflow: visible !important; } .buttons_wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; flex-wrap: nowrap; position: absolute; right: 0.8rem; /*top: 1rem;*/ /*width: 160px;*/ font-size: 86%; } .buttons_wrap .header { text-align: right; } @media (min-width: 67.5em) { .buttons_wrap .header .button.cart, .buttons_wrap .header .button.clients { /*@include button;*/ background-color: #fff2cf; margin-right: 0.6rem; margin-top: 0.6rem; background-image: none; border: none; padding: 0.5rem 1rem; border-radius: 14px; transition: all 0.25s ease-in-out; } .buttons_wrap .header .button.cart:hover, .buttons_wrap .header .button.cart:active, .buttons_wrap .header .button.cart:focus, .buttons_wrap .header .button.clients:hover, .buttons_wrap .header .button.clients:active, .buttons_wrap .header .button.clients:focus { background: #fff; } } @media (max-width: 67.49em) { .buttons_wrap .header .button.cart, .buttons_wrap .header .button.clients { background: none; border: none; } } .buttons_wrap .header .button.cart img, .buttons_wrap .header .button.clients img { max-height: 24px; width: auto; } @media (max-width: 67.49em) { .buttons_wrap .header .button.cart img, .buttons_wrap .header .button.clients img { max-height: 20px; } } @media (max-width: 67.49em) { .buttons_wrap .header .button.cart, .buttons_wrap .header .button.clients { padding: 0.6rem; /*width: 20px;*/ } } @media (max-width: 37.49em) { .buttons_wrap { /*flex-direction: column !important; right: 1rem; top: 1.2rem; width: 44px; .mod_iso_cart { margin-bottom: 1rem; }*/ } } .buttons_wrap .cart-wrap, .buttons_wrap .client_wrap { position: absolute; visibility: hidden; transition: all 0.25s ease-in-out; margin-top: 0.2rem; background: #fff2cf; /*$white; /*rgba(255,255,255,0.4);*/ padding: 0.6rem; } .buttons_wrap .cart-wrap.active, .buttons_wrap .client_wrap.active { visibility: visible; } .buttons_wrap .cart-wrap div, .buttons_wrap .cart-wrap ul, .buttons_wrap .client_wrap div, .buttons_wrap .client_wrap ul { padding: 0.2rem 0; } .buttons_wrap .cart-wrap div a, .buttons_wrap .cart-wrap ul a, .buttons_wrap .client_wrap div a, .buttons_wrap .client_wrap ul a { color: #BD5B00; /*$red;*/ text-decoration: none !important; } .buttons_wrap .cart-wrap div a.button, .buttons_wrap .cart-wrap ul a.button, .buttons_wrap .client_wrap div a.button, .buttons_wrap .client_wrap ul a.button { /*@include button;*/ background: none; border: none; font-size: 100%; padding: 0.3rem 0.5rem; } .buttons_wrap .cart-wrap div.cart, .buttons_wrap .cart-wrap div.clients, .buttons_wrap .cart-wrap ul.cart, .buttons_wrap .cart-wrap ul.clients, .buttons_wrap .client_wrap div.cart, .buttons_wrap .client_wrap div.clients, .buttons_wrap .client_wrap ul.cart, .buttons_wrap .client_wrap ul.clients { padding-top: 0.6rem; } .buttons_wrap .client_wrap { right: 0; z-index: 9; } .buttons_wrap .client_wrap ul { margin-bottom: 0; } .buttons_wrap .client_wrap ul li { margin: 0.4rem 0; } @media (max-width: 67.49em) { .buttons_wrap .client_wrap ul li { margin: 0.5rem 0; } .buttons_wrap .client_wrap ul li a { /*@include button; font-size: 84%; padding: 0.3rem 0.5rem; color: $white !important; text-decoration: none !important;*/ display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-size: 84%; padding: 0.3rem 0.5rem; text-decoration: none !important; } .buttons_wrap .client_wrap ul li a:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } } #wrapper.scroll #head-wrap #menu_button, #wrapper.scroll #head-wrap #logo_mobile { display: block; } #wrapper.scroll #head-wrap .buttons_wrap .button { background-color: none; } #wrapper.scroll #head-wrap .buttons_wrap .button img { max-height: 20px; } @media (min-width: 67.5em) { #wrapper.scroll #head-wrap .buttons_wrap .button { margin-top: 0.2rem; padding: 0.5rem; margin-right: 0.3rem; } #wrapper.scroll #head-wrap .buttons_wrap .button img { max-height: 24px; } } #wrapper.scroll #head-wrap .buttons_wrap .button:hover, #wrapper.scroll #head-wrap .buttons_wrap .buttonactive, #wrapper.scroll #head-wrap .buttons_wrap .button:focus { background: none; } .product_variants .widget-radio fieldset span label { font-weight: normal; color: #5e2700; } @media (min-width: 50.625em) { .product_variants .widget-radio fieldset span:last-of-type input { margin-top: -25px; } } /*.login_header { right: 10rem; }*/ .mod_login .widget-checkbox label { color: #5e2700; font-weight: normal; } .mod_login p { margin-top: 0 !important; } #left .inside .hinweis { background: #fff798; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside .hinweis p { margin: 0; } #left .inside #box_rueckgabe { background: #fca605; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside #box_rueckgabe p { margin: 0; } #left .inside #box_vertrauen { background: #fca605; border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; } #left .inside #box_vertrauen p { margin: 0; } #left .inside #box_vertrauen p:first-of-type { margin-bottom: 0.8rem; } #left .inside #vidlink { border-radius: 14px; padding: 0.8rem; line-height: 140%; margin: 2rem 0; background-color: #fca605; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; padding: 0; } #left .inside #vidlink p { margin: 0; } #left .inside #vidlink p { padding: 0.8rem; /*padding-right: 0.8rem;*/ margin: 0; } .mod_registration, .mod_registration_custom { /*fieldset:first-of-type, fieldset:last-of-type { .widget:first-of-type { width: 100%; } }*/ } .mod_registration .fields, .mod_registration fieldset, .mod_registration_custom .fields, .mod_registration_custom fieldset { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .mod_registration fieldset, .mod_registration_custom fieldset { margin-bottom: 1rem; } .mod_registration fieldset legend, .mod_registration_custom fieldset legend { margin-bottom: 0.6rem; } input[type=submit] { -webkit-appearance: none !important; } input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input:not([type]), textarea { border: 2px solid #666666; border-radius: 8px; padding: 0.4rem; } .ce_form .formbody, .mod_personalData .formbody fieldset { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; justify-content: space-between; } .address_new { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .widget { width: calc(50% - 1rem); padding: 0.7rem 0; } .widget label { font-weight: bold; display: inline-block; padding-bottom: 0.3rem; color: #BD5B00; /*$red;*/ } .widget.widget-checkbox, .widget.full { width: 100%; } @media (max-width: 50.615em) { .widget { width: 98%; } .widget label { display: unset; } } @media (min-width: 50.625em) { .mod_login .formbody { width: 80%; } } .mod_login .formbody .widget { width: 100%; } select { width: 100%; background: #fff; border: 2px solid #666666; border-radius: 8px; padding: 0.4rem; } .radio_container span, .checkbox_container span { display: block; width: 100%; } .radio_container span.mandatory, .checkbox_container span.mandatory { display: inline !important; } .submit_container { /*margin-top: 2rem;*/ } .submit_container input.submit { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; } .submit_container input.submit:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } button.submit { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; font-weight: bold; } button.submit:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } button.submit.orange_button { display: inline-block; background-color: #FCA605; color: #5e2700; font-size: 100%; padding: 0.6rem 1.4rem 0.6rem 1.6rem; /*border: none;*/ border: 1px solid #FCA605; border-radius: 14px; transition: all 0.25s ease-in-out; background-image: none !important; background: #fca605; } button.submit.orange_button:hover { background: transparent; /*$creme !important; /*$midyellow !important;*/ border: 1px solid #5e2700; } button.submit.orange_button:hover { background: #f6de6f !important; } button.submit.orange_button a { color: #5e2700 !important; text-decoration: none; } .error { color: #BD5B00; /*$red;*/ font-style: italic; } #form_kontakt { margin-bottom: 3rem; } .mod_iso_coupons .formbody { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: end; justify-content: left; } .mod_iso_coupons .formbody .widget { flex: 25% 0 0; margin-right: 1rem; } .mod_iso_coupons .formbody button.submit { font-weight: normal; }/*# sourceMappingURL=style.css.map */