.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .cookie-jar{display:none;z-index:9999;position:fixed;bottom:0;width:100%}.cookie-jar.cookie-jar-top{bottom:auto;top:0}.cookie-jar-buttons > div{width:49.5%;display:inline-block} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .processing-circle{margin:0 auto;width:40px;height:40px;border:4px solid var(--white-color);border-top:4px solid var(--primary);border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.6))}.processing-circle.dark{border-color:var(--black-color);border-top-color:var(--primary)}.processing-circle.primary{border-top-color:var(--primary)}.processing-circle.secondary{border-top-color:var(--secondary)}.processing-circle.warning{border-top-color:var(--warning)}.processing-circle.success{border-top-color:var(--success)}.processing-circle.alert{border-top-color:var(--alert)} :root{--light-gray:rgba(231, 233, 235, 1.00);--medium-gray:rgba(185, 191, 196, 1.00);--dark-gray:rgba(93, 106, 117, 1.00);--black:rgba(1, 8, 15, 1.00);--black-color:var(--black);--white:rgba(253, 255, 252, 1.00);--white-color:var(--white);--primary:rgba(0, 149, 182, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(34, 143, 133, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(231, 29, 54, 1.00);--primary-contrast:rgba(253, 255, 252, 1.00);--secondary-contrast:rgba(1, 31, 38, 1.00);--success-contrast:rgba(253, 255, 252, 1.00);--warning-contrast:rgba(253, 255, 252, 1.00);--alert-contrast:rgba(253, 255, 252, 1.00);--primary-dark:rgba(0, 119, 152, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(4, 113, 103, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(201, 0, 24, 1.00);--header-color:rgba(5, 71, 86, 1.00);--subheader-color:rgba(93, 106, 117, 1.00);--small-color:rgba(185, 191, 196, 1.00);--text-color:rgba(1, 22, 39, 1.00);--link-color:rgba(0, 149, 182, 1.00);--link-color-hover:rgba(8, 110, 133, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:underline;--link-decoration-hover:underline;--overlay-color:rgba(1, 8, 15, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(253, 255, 252, 1.00);--subheader-color:rgba(231, 233, 235, 1.00);--small-color:rgba(185, 191, 196, 1.00);--text-color:rgba(253, 255, 252, 1.00);--link-color:rgba(0, 149, 182, 1.00);--link-color-hover:rgba(8, 110, 133, 1.00);--link-decoration:underline;--link-decoration-hover:underline}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(17rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} html,body,.fontpro-stacks_in_736429_78{font-style:normal;font-weight:400;font-family:"Titillium Web",sans-serif } @font-face{font-family:museo300regular;font-style:normal;font-weight:normal;src:url("https://janstorms.org/resources/lettertypen/museo300regular.woff") format("woff")} h3,h4,h5, .fontpro-stacks_in_736429_65{font-family:"museo300regular",sans-serif } @font-face{font-family:museo500regular;font-style:normal;font-weight:normal;src:url("https://janstorms.org/resources/lettertypen/museo500regular.woff") format("woff")} h1,h2, .fontpro-stacks_in_736429_66{font-family:"museo500regular",sans-serif } header_underlined, .fontpro-stacks_in_736429_68{ font-size:0.90rem ; text-decoration-line:underline ;text-decoration-style:solid ;text-transform:none ;word-wrap:normal ;word-break:normal ;hyphens:none ;} @media only screen and (min-width:40em){ header_underlined, .fontpro-stacks_in_736429_68{}} @media only screen and (min-width:25.875000em){ header_underlined, .fontpro-stacks_in_736429_68{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ header_underlined, .fontpro-stacks_in_736429_68{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ header_underlined, .fontpro-stacks_in_736429_68{font-size:1.00rem }} .3_col_left{padding-top:0 ;padding-right:0.75rem ;padding-bottom:0 ;padding-left:0 ;} .3_col_right{padding-top:0 ;padding-right:0 ;padding-bottom:0 ;padding-left:0.75rem ;} .divider_under_header{height:0.5rem ;} .divider_under_header{padding-top:0 ;padding-right:0 ;padding-bottom:0 ;padding-left:0 ;} .divider_under_header{margin-top:0 ;margin-right:0 ;margin-bottom:0.75rem ;margin-left:0 ;} .header_underlined{margin-top:0 ;margin-right:0 ;margin-bottom:0 ;margin-left:0 ;} .rnd_3 *{border-radius:3px ;} .cookiejar{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.cookiejar{background-attachment:scroll!important}} .rwml-menu-imported { display: none; } #stacks_in_736429_7 { display: none !important; } #cookiejar_stacks_in_736429_144{padding:18px;background-color:rgba(255, 255, 255, 0.90)} .logo{margin-top:1.25rem ;margin-left:2rem ;} .top-content{margin-top:-13.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.top-content{margin-top:-13.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.top-content{margin-top:-13.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }} .top-content{position: sticky ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;} .site-menu>.menu a, .menu.site-menu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(13, 102, 158, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .site-menu>.menu .menu-text, .menu.site-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .site-menu>.menu>li>a, .menu.site-menu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .site-menu>.menu .submenu>li>a, .menu.site-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .site-menu>.menu li.active>a, .site-menu>.menu li.is-active>a, .site-menu>.menu a.is-active, .menu.site-menu li.active>a, .menu.site-menu li.is-active>a, .menu.site-menu a.is-active{--menu-bg-color:rgba(1, 122, 174, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .site-menu>.menu .submenu li.active>a, .site-menu>.menu .submenu li.is-active>a, .site-menu>.menu .submenu a.is-active, .menu.site-menu .submenu li.active>a, .menu.site-menu .submenu li.is-active>a, .menu.site-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .site-menu>.menu .submenu a, .menu.site-menu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .site-menu>.menu .submenu, .menu.site-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .site-menu>.menu .submenu a, .menu.site-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .site-menu>.menu .submenu .menu-text, .menu.site-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .site-menu>.menu .submenu li.active>a, .site-menu>.menu .submenu li.is-active>a, .site-menu>.menu .submenu a.is-active, .menu.site-menu .submenu li.active>a, .menu.site-menu .submenu li.is-active>a, .menu.site-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(1, 122, 174, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .site-menu>.menu a::after, .menu.site-menu a::after{display:none!important} .site-menu, .fontpro-stacks_in_738927_435{line-height:1.60 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:1.00rem ; } .site-menu>br, .fontpro-stacks_in_738927_435 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:25.875000em){ .site-menu, .fontpro-stacks_in_738927_435{font-size:1.60rem }} @media only screen and (min-width:48.000000em){ .site-menu, .fontpro-stacks_in_738927_435{font-size:1.60rem }} @media only screen and (min-width:62.500000em){ .site-menu, .fontpro-stacks_in_738927_435{font-size:1.60rem }} .site-menu{margin-top:0.75rem ;margin-right:0.75rem ;} .target.stacks_in_738927_439{ margin:0px;}.target.stacks_in_738927_439{}.target.stacks_in_738927_439.width-fill{width:calc(100% - 0px)}.target.stacks_in_738927_439.width-flexible{width:100%}.target.stacks_in_738927_439.width-fixed{width:250px}.target.stacks_in_738927_439.height-fill{height:calc(100% - 0px)}.target.stacks_in_738927_439.height-flexible{height:100%}.target.stacks_in_738927_439.height-fixed{height:250px}.target.stacks_in_738927_439[class*="relative-"].top-pt{top:4%}.target.stacks_in_738927_439[class*="relative-"].top-px{top:4px}.target.stacks_in_738927_439[class*="relative-"].bottom-pt{bottom:4%}.target.stacks_in_738927_439[class*="relative-"].bottom-px{bottom:4px}.target.stacks_in_738927_439[class*="relative-"].right-pt{right:0%}.target.stacks_in_738927_439[class*="relative-"].right-px{right:0px}.target.stacks_in_738927_439[class*="relative-"].left-pt{left:0%}.target.stacks_in_738927_439[class*="relative-"].left-px{left:0px}.target.stacks_in_738927_439.shift-up{margin-top:-0px}.target.stacks_in_738927_439.shift-down{margin-bottom:-0px}.target.stacks_in_738927_439.shift-left{right:0px}.target.stacks_in_738927_439.shift-right{left:0px}.target.stacks_in_738927_439.pin-top,.target.stacks_in_738927_439.pin-bottom{left:0px}.target.stacks_in_738927_439.pin-left,.target.stacks_in_738927_439.pin-right{top:0px} .stacks_in_738927_470{line-height:0}.stacks_in_738927_470 svg{display:inline-block;max-width:240px;height:auto;}.stacks_in_738927_470.full-width svg{width:100%;height:auto}.stacks_in_738927_470 svg *{fill:rgba(255, 255, 255, 1.00)} .stacks_in_738927_475{line-height:0}.stacks_in_738927_475 svg{display:inline-block;max-width:200px;height:auto;}.stacks_in_738927_475.full-width svg{width:100%;height:auto}.stacks_in_738927_475 svg *{fill:rgba(255, 255, 255, 1.00)} /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738873 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738873 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738873:before, .ribbon-stacks_in_738873:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738873:before { left: 0; } .ribbon-stacks_in_738873:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738329 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738329 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738329:before, .ribbon-stacks_in_738329:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738329:before { left: 0; } .ribbon-stacks_in_738329:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738609 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738609 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738609:before, .ribbon-stacks_in_738609:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738609:before { left: 0; } .ribbon-stacks_in_738609:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738392 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738392 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738392:before, .ribbon-stacks_in_738392:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738392:before { left: 0; } .ribbon-stacks_in_738392:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738737 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738737 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738737:before, .ribbon-stacks_in_738737:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738737:before { left: 0; } .ribbon-stacks_in_738737:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738807 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738807 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738807:before, .ribbon-stacks_in_738807:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738807:before { left: 0; } .ribbon-stacks_in_738807:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738826 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738826 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738826:before, .ribbon-stacks_in_738826:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738826:before { left: 0; } .ribbon-stacks_in_738826:after { right: 0; } /** * @name Ribbon Stack * @author Futural UG (haftungsbeschraenkt) * @version 1.2.0 * @url http://instacks.com/ribbonstack */ /** * Reference: * http://css-tricks.com/snippets/css/corner-ribbon/ * http://jsfiddle.net/chriscoyier/H6rQ6/1/ */ /* .wrapper { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font: bold 15px Sans-Serif; color: #333; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-green:before, .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-green:before { left: 0; } .ribbon-green:after { right: 0; } */ .wrapper { } .ribbon-wrapper-stacks_in_738845 { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; } .ribbon-stacks_in_738845 { font: bold 15px Sans-Serif; color: #333; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #000000; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-stacks_in_738845:before, .ribbon-stacks_in_738845:after { content: ""; border-top: 5px solid #6E8900; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; bottom: -5px; } .ribbon-stacks_in_738845:before { left: 0; } .ribbon-stacks_in_738845:after { right: 0; } .footer1{background-image:url('https://janstorms.org/resources/plaatjes/khatismabeach-bottom.jpg') ;background-repeat:no-repeat ;background-size: contain ; background-position: center bottom; } .footer1{width:100vw ;} .footer1{padding-top:4rem ;padding-right:0 ;padding-bottom:1rem ;padding-left:0 ;} #stacks_in_737893_17 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; padding: 20px 0px 0px 0px; } #stacks_in_737893_29 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; padding: 20px 0px 0px 0px; } #stacks_in_737893_39 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; padding: 20px 0px 0px 0px; } #stacks_in_737893_49 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; padding: 20px 0px 0px 0px; } #toTop{--elevator-image:url(../../../rw_common/plugins/stacks/elevator-images/top.png);--elevator-size:50px;display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:var(--elevator-size);height:var(--elevator-size);border:none;text-indent:-9999px;background-image:var(--elevator-image);background-repeat:no-repeat;background-position:left top;z-index:9988}#toTop:active,#toTop:focus{outline:none}#toTop:hover{background-position:left calc(var(--elevator-size) * -1)} #stacks_in_737893_61 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }