/* JavaScript-off fallback for wunstkunst.de Active only while has class="no-js". JavaScript removes that class on load. */ .no-js .container { width: auto; max-width: 980px; padding-left: 15px; padding-right: 15px; } .no-js #boxes_container { margin-top: 20px; } .no-js #boxes { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; width: auto; height: auto; margin: 25px auto; padding: 0; } .no-js #boxes li { position: static; width: 160px; height: auto; margin: 0; list-style: none; text-align: center; } /* The carousel contains the same five boxes twice for the animation. Without JS we show only one set. */ .no-js #boxes li:nth-child(n+6) { display: none; } .no-js #boxes li img { width: 100%; max-width: 160px; height: auto; display: block; } .no-js .btn2 { display: block !important; position: static; width: auto; margin: 8px 0 0; padding: 7px 10px; border-radius: 4px; color: #fff; font-size: 16px; line-height: 18px; font-weight: bold; text-align: center; } .no-js .btn2.orange { background: #ff4e00; } .no-js .btn2.pink { background: #ff0068; } .no-js .btn2.blue { background: #00afff; } .no-js .btn2.green { background: #18f60b; color: #000; } .no-js .btn2.yellow { background: #ffde00; color: #000; } .no-js #form_container { display: block; position: static; width: auto; height: auto; margin: 20px auto; background: transparent; } .no-js .form2, .no-js .download_form, .no-js .about, .no-js .artists, .no-js .locations { display: block; position: static; width: auto; max-width: 680px; height: auto; margin: 20px auto; padding: 1em; overflow: visible; } .no-js .form3, .no-js .form4 { display: none !important; } .no-js a[href^="javascript:"] { display: none !important; } .no-js .up, .no-js .down { display: none; } .no-js .form2 div.color_container { width: 80px; height: auto; min-height: 44px; padding: 8px; } .no-js .form2 input.amount { display: block; width: 60px; text-align: center; margin: 0 auto; } .no-js input, .no-js textarea { max-width: 100%; box-sizing: border-box; } .no-js .addthis_toolbox { display: none; } .no-js .download_form iframe { display: none; } .no-js .download_form span { display: block; } /* v4: content-driven heights in the JavaScript-off layout. */ .no-js .artists, .no-js .locations { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }