.article-section { height: 50%; float: right; padding-right: 0 !important; } .frontpage { overflow: hidden; } .article-section .article { width: 100%; height: 37px !important; clear: both; } .article-section .article span { justify-content: center; flex-direction: column; display: flex; vertical-align: middle; line-height: normal; } .description-container { float: left; } .intro-div { width: 100%; height: 100vh; -webkit-transition: 300ms ease; transition: 300ms ease; position: relative; overflow: hidden; padding-top: 25px; } .intro-div .intro-container { width: 100%; } .height-100 { height: auto; padding: 12% 0 12% 0; } .video { margin: 0 0 50px 0; width: 90%; } .article-section div { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } #arrowstart { font-size: 4rem; } #arrowstart:hover { cursor: pointer; } #arrowstart i { color: #fff; position: absolute; bottom: 9px; } #scrollbar { width: 0%; height: 4px; background: #c00; position: fixed; top: 72px; left: 0; z-index: 1000; transition: 300ms ease; } .bg-black .productlist, .bg-black .article, .bg-black .description-container p { color: #fff; } .bg-black .productlist .input-group a, .bg-black .productlist .input-group input, .bg-black .productlist .input-group a i, .bg-black .input-group, .bg-black .article .input-group a, .bg-black .article .input-group input, .bg-black .article .input-group a i, .bg-black .input-group { background-color: #000; color: #fff; } .bg-g-lightest .productlist .input-group a, .bg-g-lightest .productlist .input-group input, .bg-g-lightest .productlist .input-group a i, .bg-g-lightest .input-group, .bg-g-lightest .article .input-group a, .bg-g-lightest .article .input-group input, .bg-g-lightest .article .input-group a i, .bg-g-lightest .input-group { background-color: #ececec; } .bg-primary .productlist, .bg-primary .article, .bg-primary .description-container p, .bg-primary h2.h2-style.text-primary { color: #fff !important; } .bg-primary .productlist .input-group a, .bg-primary .productlist .input-group input, .bg-primary .productlist .input-group a i, .bg-primary .input-group, .bg-primary .article .input-group a, .bg-primary .article .input-group input, .bg-primary .article .input-group a i, .bg-primary .input-group { background-color: #cc0000; color: #fff; } .btn.dropdown-toggle:focus, .btn.dropdown-toggle:hover, .input-group:focus, .input-group:hover, input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover { box-shadow: none; } .bottomlist { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1; background-color: #3A3A3A ; display: none; } .artikelliste-item { padding: 0 2px 4px 2px; position: relative; } .advertorial .input-quantity { min-width: 150px; } #artikelliste div { float: left; height: 61px; width: 100px; margin-bottom: 6px; color: #000; } #artikelliste div div { width: 30px; display: flex; justify-content: space-between; flex-direction: column; } #artikelliste div div span { height: 49%; width: 30px; padding: 3px 6px 2px 6px !important; float: right; background: white; text-align: center; vertical-align: middle; } #artikelliste div div button { margin: 0 !important; border: none !important; padding: 3px 6px 3px 6px !important; } @media (max-width: 900px) { .article-section { margin: 30px 0; } .video { width: 100% !important; } .intro-video { margin-bottom: 50% !important; width: 130% !important; } .arrow-start { height: 30px; } .toggleVisibility { height: auto !important; margin: 80px 0 180px 0 !important; } #scrollbar { display: none; } #artikelliste { overflow-x: scroll !important; max-height: 100px !important; margin-bottom: 5px; } }