@charset "UTF-8"; /* grå 6d6d6d lys 7d95c5 blå 414d63 mørk 242a36 gul dc5525 grøn 1cab55 */ /*overall*/ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .fancybox-inner * {outline:0!important} .fancybox-container {z-index:99999999!important} html,body,input, textarea, select, button, .webshop-productinfo .variants .VariantGroupLabel {font-size: 14px;color:#242a36;font-family: 'Nunito Sans', serif} body {background:#F6F6F6} ul{margin:0;padding:0} a {color:#242a36;text-decoration:none} a:hover {text-decoration:underline} h1 {font-size: 26px;margin:0;} h2 {font-size: 20px;font-weight:bold;margin:25px 0 0 0} h3 {font-size: 18px;} p {margin:0px} img {max-width: 100%;max-height: 100%;vertical-align: middle;border: 0;} input[type=password]:focus,input[type=text]:focus,input[type=email]:focus,textarea:focus{box-shadow:0 0 5px rgba(177, 177, 177, 0.7);background:#fafafa;border-color:#999;outline:0} input[type="submit"]{cursor:pointer} .container,.topline>ul,header>section,nav>ul,nav>div>ul,article,footer>section,footer .credits section {margin:0 auto 0;width: 1400px;max-width: 95%;position:relative;/* z-index: 9999; */} .container {overflow:hidden} .fade {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .hover:hover {opacity: 0.7} .padding {padding:15px} .knap, #customer_lookup_submit, .buyWrapperHeadline, .ButtonWrapperText, #confirm-complete-button{-webkit-appearance: none;border-radius:0;line-height:20px;/* font-weight:600; */border:0px;background: #1cab55;color:#fff;display:inline-block;/* text-transform: uppercase; */padding:8px 20px;text-align:center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;font-size: 16px;border-radius: 5px;} .knap:hover, .buyWrapper:hover span, .ButtonWrapperText:hover, #confirm-complete-button:hover{text-decoration:none;opacity: 0.8;color:#fff} ::-webkit-input-placeholder {color: #6d6d6d}:-moz-placeholder {color: #6d6d6d}::-moz-placeholder {color: #6d6d6d}:-ms-input-placeholder {color: #6d6d6d} .hidden {display:none} .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;margin-left: auto;margin-right: auto;} .text-upper {text-transform:uppercase} .row {position:relative;overflow:hidden} .left {float:left} .right {float:right} .imgfade {position: relative; overflow: hidden;} .imgfade img {-webkit-transition: 2.0s ease;transition: 2.0s ease;} .imgfade:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);} .black {font-weight:900} .semi {font-weight:800} b.bighead {color:#595959;margin:70px 0 35px;display:block;text-align:center;font-size:32px;font-weight:normal} b.bighead:after {content:'';display:block;width:100px;height:2px;background:#dc5525;margin:10px auto} @media (max-width: 879px) { b.bighead{margin:30px 0 20px 0;font-size:18px} } b.bigheadleft {color:#595959;margin:0;display:block;text-align:left;font-size:24px;font-weight:normal} b.bigheadleft:after {content:'';display:block;width:100px;height:2px;background:#dc5525;margin:10px 0 20px 0} @media (max-width: 879px) { b.bigheadleft{margin:0;font-size:18px} } .breadcrumb * {color:#737373} .vat {margin-left:5px;font-size:14px} .Description_Productinfo a, .webshop-productlist .CmsPageStyle a, .CategoryFooterContent a {color:#2672b7;font-weight: bold;text-decoration: underline} @media (max-width: 879px) { h1 {font-size: 26px} h2 {font-size: 20px} h3 {font-size: 18px;} body {font-size:13px} .padding {padding:5px} .head {font-size:16px} .hidden-xs,.hidden-sm {display: none;} .leftmenu{display:none} article {max-width:100%} article > .content {padding:5px} } @media (min-width: 880px) { .visible-xs {display:none} article {position:relative} article .content {margin-top:20px;float:right;width:79%} .fixed {position:fixed;width:100%;z-index: 999} article:after {content:'';clear:both;display:block} article .leftmenu {float:left;width:20%} body:not(.webshop-productlist):not(.webshop-productinfo):not(.webshop-search) .content, body {width:100%} } /*------------------topline start--------------------*/ section.topline {overflow:hidden;background:#fff;color:#242a36;padding:10px 0} section.topline ul {max-width:100%;padding:0px;list-style:none;position:relative;text-align:center;font-size: 13px;} section.topline > ul > li {display:inline-block;padding:0 20px} section.topline > ul > li .fa {padding-right:10px;/* color:#fff; */} section.topline > ul > li:last-child {margin-left:15px;background: url('/images/skins/dandodesign/media/icon-emaerket.png') no-repeat left center;padding-left:30px} @media (max-width: 879px) { section.topline > ul {max-width:100%} section.topline > ul > li {width:33%;padding:0;margin:0px;float:left} section.topline > ul > li:last-child {display:none} section.topline>ul>li .fa {padding-right:5px} } @media (max-width: 630px) { section.topline ul {font-size:9px} section.topline > ul > li {width:50%} section.topline > ul > li:nth-child(3) {display:none} } /*------------------topline end--------------------*/ /*------------------header & nav start--------------------*/ header #basket {right:80px} header #basket .fa {font-size:30px} header #basket #totalproducts {background: #dc5525;color:#fff;padding:0;height:20px;width:20px;display:block;line-height:20px;text-align: center;border-radius:50%;position:absolute;right: 0px;z-index:9;top:-10px;font-weight:bold;font-size:11px;} header #login {right:0px} header #login .fa {font-size:30px} header #favorites, header #basket, header #login {text-align:center;height:55px;position:absolute;top:25px;cursor:pointer;color:#242a36;} header #favorites > span, header #basket > span, header #login > span {display:block;font-size:12px;bottom:0;/* position:absolute; */margin:0px auto;left:0;right:0;transition: all .3s ease;} header #favorites:hover span, header #basket:hover span, header #login:hover span {text-align:center;background:#dc5525;padding:6px 0} @media (min-width: 880px) { .resmenu {display:none} header {position:relative;height:100px;background:#fff;border-top: 1px solid #c2c2c2;} header>section {height:100%;z-index: 999999;} header .WebShopSkinLogo {position:absolute;top:0;bottom:0;margin:auto 0;left:0;right:0;max-height: 70%;} header #Search_Form {position: absolute;top:25px; width: 35%; left:35%} header #Search_Form:after{ content:'\f002 ';font-family:FontAwesome;font-size:16px;font-weight:normal;position:absolute;color:#6d6d6d;top:0;bottom:0;right:10px;height:100%;width:45px;line-height:45px;text-align:center;} header #Search_Form .SearchField_SearchPage {height:45px;width:100%;padding:0 0 0 20px; border:0px;background:#fff;border:2px solid #414d63;border-radius:25px} header ::-webkit-input-placeholder {color: #6d6d6d} header :-moz-placeholder {color: #6d6d6d} header ::-moz-placeholder {color: #6d6d6d} header :-ms-input-placeholder {color: #6d6d6d} header #Search_Form .SubmitButton_SearchPage {z-index:1;background:transparent;border:0;font-weight:normal;color:transparent;position: absolute;top: 0px;right: -10px;bottom: 0px;padding: 0 15px;outline: 0;} header #Search_Form .nbsp, header #Search_Form .SearchTitle_SearchPage,header #Search_Form br {display:none} /*basket dropdown*/ header #basket:hover .basketdropdown { visibility: visible; opacity: 1} header #basket .basketdropdown {transition: all .2s ease .1s;z-index:99;line-height:20px;text-align:left;cursor:initial;color:#000;font-size:12px;visibility: hidden;opacity: 0;top:45px;right:0;padding:15px;width:350px;position:absolute;background: #fff;border: 1px solid #242a36;} header #basket .basketdropdown b {font-size:18px;display:block;padding:15px;/* text-transform: uppercase; */text-align:center;} header #basket .basketdropdown .ProductContainer {overflow:hidden;padding:5px 15px} header #basket .basketdropdown .ProductContainer > div.ProductOperator {float:left;width:20px;text-align:center} header #basket .basketdropdown .ProductContainer > div.ProductAmount {float:left;width:60px;text-align:center} header #basket .basketdropdown .ProductContainer > div.ProductName {float:left;width:160px} header #basket .basketdropdown .ProductContainer > div.ProductTotalPrice {float:right;} header #basket .basketdropdown .ProductContainer:not(:nth-child(2)) {font-size:11px;font-weight:bold} header #basket .basketdropdown .ProductContainerSeperator {border-bottom:1px solid #cecece} header #basket .basketdropdown .ProductContainerTotalPrice {font-size:13px!important} header #basket .basketdropdown .ButtonContainer {overflow:hidden;margin:15px} header #basket .basketdropdown .ButtonContainer a:first-child {float:right;} header #basket .basketdropdown .ButtonContainer a:last-child {float:right} header #basket .basketdropdown .ShippingContainer {/* background: #e1f517; */font-size:14px;text-align:center;padding:10px 0;font-weight:bold;} header #basket .basketdropdown .ShippingContainer span {font-weight:bold;color:#000} header #basket .basketdropdown {padding:0px} header #basket .basketdropdown .empty {text-align: center;font-size:14px} header #basket .basketdropdown .empty > div {padding:25px 15px} header #basket .basketdropdown .empty > div:last-child {background:#dedede} /*nav*/ #productmenu_extra {display:none} nav {background:#414d63;height:50px} nav #ActiveCategory_A, nav .Heading_Productmenu {display:none} nav ul {list-style: none} nav #ProductMenu_List .RootCategory_Productmenu a {display:block} nav #ProductMenu_List {/* width:1200px; */height:50px;display:flex!important;flex-direction: row;position:relative;} nav #ProductMenu_List li.RootCategory_Productmenu {/* flex-grow:1; */text-align: center;margin-right: 50px;} nav #ProductMenu_List li.RootCategory_Productmenu:last-child {margin-right:0} nav #ProductMenu_List li.RootCategory_Productmenu > a {line-height:50px;font-size:16px;display: block;color: #fff;font-weight:bold!important} nav #ProductMenu_List li.RootCategory_Productmenu > a span {font-weight:bold!important} nav #ProductMenu_List > li.active > a, nav #ProductMenu_List li.RootCategory_Productmenu:hover > a {text-decoration: none;} /*topmenu dropdown*/ nav #ProductMenu_List .RootCategory_Productmenu > .dropdown {z-index: 999;top:50px;transition: all .2s ease .1s;border-top:4px solid #737373;margin-top:10px;background:#fff;width:100%;-webkit-columns: 5; -moz-columns: 5; columns: 5;box-shadow: 0px 0px 20px 0px #595959;position: absolute;width: 100%;left: 0;right: 0;text-align: left;-webkit-background-clip: padding-box;background-clip: padding-box;display: block;padding: 0px;margin: 0;opacity: 0;z-index: 99;visibility: hidden;} nav #ProductMenu_List .RootCategory_Productmenu:hover > .dropdown {opacity: 1;visibility: visible;} nav #ProductMenu_List .RootCategory_Productmenu > .dropdown > li {page-break-inside: avoid;break-inside: avoid-column;} nav #ProductMenu_List .RootCategory_Productmenu > .dropdown > li {padding:5px} /*topmenu dropdown levels*/ nav #ProductMenu_List .RootCategory_Productmenu li.SubCategory1_Productmenu {vertical-align: top;} nav #ProductMenu_List .RootCategory_Productmenu .CategoryLink1_Productmenu {/* text-transform:uppercase; */color:#222222;font-weight:bold;font-size: 16px;padding:15px 0 5px 10px;border-bottom:1px solid #e8e8e8;} nav #ProductMenu_List .RootCategory_Productmenu .CategoryLink2_Productmenu {padding:2px 0 2px 10px} nav #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu, nav #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu a{font-size: 14px;} nav #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu:last-child {border-bottom:0px} nav #ProductMenu_List .RootCategory_Productmenu li.SubCategory2_Productmenu > .dropdown {display:none} /*sticky*/ body.sticky header {top: 0;position: fixed;width:100%;z-index:9!important;height:70px;transition: all .3s ease;} body.sticky article {padding-top:70px} body.sticky header #basket, body.sticky header #login {top:15px} body.sticky header #Search_Form {top:10px} } @media (max-width: 1300px) { nav #ProductMenu_List li.RootCategory_Productmenu {margin:0;flex-grow: 1} } @media (max-width: 879px) { nav {display:none} header {background: #fff;position:relative;height:60px;border-top: 1px solid #c2c2c2;} header > section {height:100%} header .WebShopSkinLogo {max-height:80%;max-width:40%; position:absolute; top: 0; bottom: 0;margin: auto 0;margin-left: auto; margin-right: auto;left: 50px} header #Search_Form {display:none} header #resmenu {left:0;text-align:center;font-size:18px;position:absolute;top:10px;width:40px;height:40px;background: #414d63;color: #fff;line-height: 40px;border: 1px solid rgba(177, 177, 177, 0.5);border-radius: 5px;cursor:pointer;} header #favorites {right:50px} header #basket {right:0px} header #basket #totalproducts {background:#dc5525;color:#fff;padding:0;width:20px;height:20px;display:block;line-height:20px;text-align: center;border-radius:25px;position:absolute;right: -10px;z-index:9;top: -10px;font-size:11px;} header #login,header #favorites,header #basket {top:12px} header #login > span, header #favorites > span,header #basket > span {display:none} /*resmenu*/ .resmenu,#resoverlay {display:none} .resmenu ul {list-style: none;padding:0px} .res #resoverlay {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 7050;cursor: pointer;} .res .resmenu {display:block;top: 40px;position:absolute;background:#ffffff;width:100%;z-index:9999;padding:60px 0 30px 0;} .resmenu > .fa {cursor:pointer;color:#dc5525;position:absolute;right:25px;font-size:30px;top:15px} .resmenu > .fa:hover {color:#000} .resmenu a {display:block} .resmenu #ProductMenu_List li {position:relative} .resmeuu #ProductMenu_List a {display:block} .resmenu #ProductMenu_List .dropdown {display:none;background:#fff} .resmenu .CategoryLink0_Productmenu {line-height:35px;padding-left:20px} .resmenu #ProductMenu_List .CategoryLink0_Productmenu, .resmenu #ProductMenu_List .CategoryLink0_Productmenu span {font-size:16px} .resmenu #ProductMenu_List li.SubCategory1_Productmenu {padding-left:20px;line-height:25px;} .resmenu #ProductMenu_List .CategoryLink1_Productmenu {font-size:13px;} .resmenu .resselect > a,.resmenu .resselect > span > .fa {color:#dc5525} .resmenu .plus {display:block!important;cursor:pointer;font-size:28px;position: absolute;right:0px;width:100px;text-align:right;padding-right:30px;top:0;margin-top:0px} .resmenu .plus:hover {color:#dc5525} .resmenu #ProductMenu_List .Productmenu_Category_Icon {display:none} .resmenu #ProductMenu_List li.SubCategory1_Productmenu {line-height:20px;padding-left:30px} .resmenu #ProductMenu_List li.SubCategory2_Productmenu {line-height:20px;padding-left:35px} .res header #Search_Form {display:block} .Heading_Productmenu {display:none!important} header #Search_Form:after{content:'\f002 ';font-family:FontAwesome;font-size:16px;position:absolute;color: #000;top:5px;right:5px;height:32px;width:32px;line-height:32px;text-align:center;} header #Search_Form {width:70%;position:relative;top: 50px!important;z-index: 99999;left:0px;margin:0!important;border: 2px solid;border-radius: 5px;} header #Search_Form .SearchField_SearchPage {height:40px;width:100%;padding:0 0 0 10px; ;border: 1px solid rgba(177, 177, 177, 0.5);border-radius: 5px;padding-left: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} header #Search_Form .SubmitButton_SearchPage {z-index:1;background:transparent;border:0;font-weight:normal;color:transparent;position: absolute;top: 0px;right: 0px;bottom: 0px;padding: 0 15px;outline: 0;} header #Search_Form .nbsp, #Search_Form .SearchTitle_SearchPage, #Search_Form br {display:none} } @media (max-width: 500px) { header .WebShopSkinLogo {max-height:50%} } /*------------------header end--------------------*/ /*------------------leftmenu start--------------------*/ @media (min-width: 880px) { .leftmenu #ProductMenu_List {margin-top:50px} .leftmenu #ProductMenu_List ul {display:none} .leftmenu #ProductMenu_List .SHOWMENU, .leftmenu #ProductMenu_List .active > ul {display:block} .leftmenu .Heading_ProductMenu{display:none} .leftmenu span {width:100%} .leftmenu ul {list-style:none} .leftmenu ul * {color: #242a36;font-weight: normal;} .leftmenu ul *:hover {text-decoration: none;color:#2D3544} .leftmenu .active > a, .leftmenu .active > a span {color:#2D3544;font-weight:bold!important} .leftmenu a,.leftmenu a span {display:block} .leftmenu .RootCategory_Productmenu .dropdown {padding-bottom: 15px} .leftmenu .CategoryLink0_Productmenu {padding-left:10px;font-size:14px;font-weight:bold;line-height:30px} .leftmenu .CategoryLink0_Productmenu span {font-weight:bold;/* text-transform: uppercase */font-size: 20px;} .leftmenu .CategoryLink1_Productmenu:before {content:'›';position:absolute;margin-left:-10px;color:#2D3544} .leftmenu .CategoryLink1_Productmenu {padding-left:20px;font-size:13px;line-height:25px} .leftmenu .CategoryLink2_Productmenu {font-size:13px;line-height:25px;padding-left:25px} .leftmenu .CategoryLink3_Productmenu {font-size:12px;line-height:25px;padding-left:40px} .leftmenu li.SubCategory1_Productmenu {line-height:25px;} .leftmenu .dropdown > li:last-child {font-size:13px;line-height:25px;} .leftmenu #ProductMenu_List .SHOWMENU,.leftmenu #ProductMenu_List .active > ul {display:block!important} .leftmenu #ProductMenu_List > li:not(.SHOWMENU) {display:none} .leftmenu a:hover {color:rgba(0,0,0,0.50)!important;} } /*------------------leftmenu end--------------------*/ /*------------------filter start--------------------*/ .visible-hidden {display:none} .product-filter-count-container { font-size: 12px; } @media (max-width: 879px) { body.filter .content .MoveBeforeFilter {display:none} body.filter .content .CmsPageStyle_Table {display:none} .webshop-productlist .leftmenu {padding:0px 0 0 5px;display:block!important} .webshop-productlist .leftmenu #ProductMenu_List {display:none} .leftmenu #ProductFilter-Container {width:90%;margin-left:5%} .webshop-productlist .leftmenu {padding:0 5px!important} } .leftmenu .product-filter-clear-all a {background:#fff;display:inline-block;font-size:13px;padding:2px 5px;border:1px solid #cccccc} .leftmenu .product-filter-clear-all a:hover {text-decoration: none} .leftmenu .ResponsiveFilter {border-radius:2px;padding: 3px 6px;border: 1px solid #c2c2c2;display:inline-block;cursor:pointer;font-size:11px} .leftmenu .ResponsiveFilter:hover {text-decoration:none;color:#fff;background:#000} .leftmenu #ProductFilter-Container .jslider .jslider-value {background:none} .leftmenu #ProductFilter-Container .product-filter-column-container-1 > div:first-child {margin:20px 0} .leftmenu #ProductFilter-Container .product-filter-container {padding:15px 15px;margin-bottom:20px;border:1px solid #ccc;border-radius: 0px;background:#fff;} .leftmenu #ProductFilter-Container .product-filter-body-container {padding:15px 0} .leftmenu #ProductFilter-Container .product-filter-header-container {border-bottom:1px solid #ccc;background: transparent;padding:0 10px 15px 10px} .leftmenu #ProductFilter-Container .product-filter-header-text {font-weight: bold;font-size: 16px;} .leftmenu #ProductFilter-Container .product-filter-checkbox-container{margin-bottom:5px} .leftmenu #ProductFilter-Container input[type="checkbox"] {margin:0 8px 0 0} .leftmenu #ProductFilter-Container .product-filter-header-clearlink-container a {color:gray;font-size:12px} .leftmenu #ProductFilter-Container .product-filter-checkbox-label {cursor:pointer;} .leftmenu #ProductFilter-Container .product-filter-body-container-manufactor{ max-height:none!important;} .leftmenu #ProductFilter-Container .product-filter-checkbox-label {line-height:inherit} .leftmenu #ProductFilter-Container input[type="checkbox"] {display:none;} .leftmenu #ProductFilter-Container input[type="checkbox"] + label span {display:inline-block;width:20px;height:20px;cursor:pointer;border: 1px solid #dbdbdb;position: relative;vertical-align: middle;border-radius: 0;margin-right: 10px;} .leftmenu #ProductFilter-Container input[type="checkbox"] + label:hover span:after {content: "\002714"; position: absolute; font-size: 14px;font-weight:bold;line-height: 1;left: 50%;top: 50%;-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #cccccc;} .leftmenu #ProductFilter-Container input[type="checkbox"]:checked + label span:after {content: "\002714";position: absolute;font-size: 14px;font-weight:bold;line-height: 1;left: 50%;top: 50%;-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #dc5525;} .leftmenu #ProductFilter-Container input[type="checkbox"]:checked + label {color:#dc5525} .leftmenu #ProductFilter-Container input[type="checkbox"]:checked ~ div {color:#dc5525} /*------------------filter end--------------------*/ /*------------------forside start--------------------*/ @media (min-width: 880px) { .webshop-frontpage article {width:100%;max-width:100%} .webshop-frontpage article .content {margin:0px} } b.bighead {color:#000;margin:70px 0 35px;display:block;text-align:center;font-size:26px} @media (max-width: 879px) { b.bighead{margin:30px 0 20px 0;font-size:18px} } .webshop-frontpage .slider {margin-top:30px} .webshop-frontpage .slider img {width:100%} @media (min-width: 880px) { .webshop-frontpage .slider .row {overflow:hidden} .webshop-frontpage .slider .row .left {width:64.3%} .webshop-frontpage .slider .row .right {width:34.3%} .webshop-frontpage .slider .row .right .bottom {position:absolute;bottom:0} } @media (max-width: 879px) { .webshop-frontpage .slider .row .right {float:none} .webshop-frontpage .slider .row .right > div:first-child {width:calc(50% - 2.5px);float:left;margin-top:5px} .webshop-frontpage .slider .row .right > div:last-child {width:calc(50% - 2.5px);float:right;margin-top:5px} } .brands {background:#fff;margin-top:30px;display:flex;list-style: none;justify-content: center;align-items: center;} .brands li {flex-grow: 1;text-align: center;padding:20px} .brands li img {transition: all .3s ease;} .brands li img:hover {opacity: 0.6} .brands .slick-track {display: flex;} .brands .slick-track .slick-slide {display: flex;height: auto;align-items: center;justify-content: center;} section.kategori ul {list-style: none;margin:0 -10px;position:relative;overflow:hidden} section.kategori li {float:left;width:calc(20% - 20px);margin:0 10px;background:#fff} section.kategori li:hover > a {color:#000} section.kategori li img {width:100%} section.kategori li > a {font-size:18px;margin-top:20px;display: block;padding:0 0 30px 20px} section.kategori li > a:hover {text-decoration: none} section.kategori li > a:after {/* content:'SHOP NOW'; */display:block;font-weight:bold;font-size:12px;text-decoration: underline;} @media (max-width: 879px) { section.kategori ul {margin:2.5px -2.5px} section.kategori li {width:calc(50% - 5px);margin:2.5px;padding:0px} section.kategori li {position: relative} } section.blog {background:#fff;margin:50px 0;padding:0 0 50px 0} section.blog ul {list-style: none;margin:0 -10px 30px -10px;position:relative;overflow:hidden} section.blog li {float:left;width:calc(33.33% - 20px);margin:0 10px;background:#fff} section.blog li:hover > a {color:#000} section.blog li img {width:100%} section.blog li > a {font-size:20px;margin-top:20px;display: block;font-weight:bold} section.blog li > a:hover {text-decoration: none} section.blog .blogknap {text-transform: uppercase;border:1px solid #000;padding:10px 20px;font-weight:bold;transition: all .3s ease;display:inline-block} section.blog .blogknap:hover {text-decoration: none;background: #000;color:#fff} @media (max-width: 879px) { section.blog ul {margin:2.5px -2.5px} section.blog li {width:calc(100% - 5px);margin:2.5px;padding:0px} section.blog li {position: relative} section.blog li > a {margin:10px 0 25px 0} } .seo .left {width:50%} .seo .right {width:50%;text-align: right} @media (max-width: 879px) { .seo .left {width:100%;float:none} .seo .right {display:none} } /*------------------forside end--------------------*/ /*------------------produkt start--------------------*/ body div[class*="avingsImage_DIV"] {display:none} body div[class*="avingsText_DIV"] {color:#000;font-weight:bold;text-transform:uppercase;font-size:13px;padding:0;left:20px} body div[class*="avingsText_DIV"] > div {display:inline-block;margin-left:5px} body div[class*="avingsContainer_DIV"]{background:#e1f517;height:29px;padding:0;line-height:29px;left:0;right:auto;width:100px;} .product-buy .nostock {background: #E8E8EA;color: #414d63;} .product-stock {font-size:12px;height:30px} .product-stock .fa {margin-right:5px} div.Element_Overlay_DIV, div.Element_Overlay_Frontpage_SavingsDIV, div.Element_Overlay_ProdList_SpecialOfferDIV, div.Element_Overlay_ProductInfo-related-savingsDIV, div.Element_Overlay_ProductInfo-customersboughtDIV, div.Element_Overlay_ProdList_SavingsDIV {width:100%!important;height:100%!important;position:inherit!important} .product-list {margin: 20px -5px;} .product-list>ul {display:flex;flex-wrap: wrap;} .product-list>ul>li {display: inline-block;position: relative;float: none;vertical-align: top;box-sizing: border-box;margin: 5px;padding: 5px;text-align: center;-webkit-transition: all .5s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .product-list>ul>li:hover .product-name a{text-decoration: none;color:#dc5525} .product-list>ul>li:hover .product-image {/* background:#EEEEEE */} .product {position:relative;background: #fff;} .product-news {position:absolute;right:0px; top:0;z-index: 1} .product-name {height: 55px;/* padding-top:5px; */text-align: center;padding: 5px 10px 0 10px;} .product-name a {font-weight:bold} .product-image {position:relative} /*.product-image:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}*/ .product-image img {max-height: 170px;/* margin-top: 5px; */padding: 10px 0;} .product-price {padding:10px;font-weight:bold;text-align: center} .product-price strike {margin-right:10px; color: #9f9f9f;text-decoration: line-through;font-weight:bold;} .product-image .more {position:absolute;bottom:20px;left:10px;background:#f1f1f1;padding:2px 5px} .product-image {display:inline-block;position:relative;/* padding-top: 5px; */} .advanced-variants {display:none} .stocks {position:absolute;top:0;background:rgba(0,0,0,0.17);width:100%;bottom:0} .product:hover .advanced-variants {display:block} .stocks > div {position: absolute;top: 50%;transform: translateY(-50%);width:100%} .stocks a {display:block;background:#fff;margin:10px 30px;font-weight:bold;padding:10px 0;text-align: center} .stocks a:hover {text-decoration: none;color:#fff;background:#7d95c5} .product-buy {position:relative;/* height:40px; */margin:0px auto;display:none;} .product-buy input[type="TEXT"] {display:none} .product-buy input[type="IMAGE"],.product-buy img {outline:0;width:100%;height:100%;position:absolute;margin:0px;padding:0px;left:0;right:0;top:0;bottom:0} .product .product-actions {position:relative;overflow: hidden;padding-bottom: 10px;} .product .product-actions .knap {padding:5px 10px;font-size:14px;font-weight: bold;opacity: 0.9;} .product .product-buy {display:inline-block;margin-right: 10px;float: right;} .product .product-info {display:inline-block;margin-left: 10px;position:relative;float: left;} .product .product-info .knap {background: #E8E8EA;color:#414d63;opacity: 0.9;} .product .product-info img {outline: 0;width: 100%;height: 100%;position: absolute;margin: 0px;padding: 0px;left: 0;right: 0;top: 0;bottom: 0;} .product-list>ul>li {width: calc(20% - 10px)} .webshop-productlist .product-list>ul>li {width: calc(25% - 10px)} @media (max-width: 1350px) { .product-list>ul>li {width: calc(25% - 10px)} .webshop-productlist .product-list>ul>li {width: calc(33.33% - 10px)} } @media (max-width: 879px) { .product .product-actions .knap {font-size:12px} .product-name a {font-size:12px} .product-list>ul>li, .webshop-productlist .product-list>ul>li {width: calc(50% - 10px)} } .product .fav {position: absolute;right:20px;bottom:20px} .product .fav .fa {color:#000;font-size:20px;background: #fff;padding:2px} .product .favactive .fa, .product .fav .fa:hover{color:#dc5525} /*------------------produkt end--------------------*/ /*------------------vareliste start--------------------*/ .webshop-productlist .CmsPageStyle hr {display:none} .webshop-productlist .Productlist_Sort_table td {text-align: left} .webshop-productlist .Productlist_Sort_Select_DIV ul {margin:10px 0;padding-left:0px} .webshop-productlist .Productlist_Sort_Select_DIV ul li {display:inline-block;cursor:pointer;padding:3px 6px;border:1px solid #c2c2c2;border-radius:2px;margin-right:3px;font-size:11px;} .webshop-productlist .Productlist_Sort_Select_DIV ul li.active, .Productlist_Sort_Select_DIV ul li:hover {background-color:#333333;color:#FFF;} .webshop-productlist .Productlist_Sort_Select_DIV ul li:first-child {padding-left:0px!important;border:0px;color:#6b6b6b;margin-right:10px} .webshop-productlist .Productlist_Sort_Select_DIV ul li:first-child:hover {background:none} .webshop-productlist .Productlist_Sort_Select_DIV li:nth-child(2):after {margin-left:2px;content:'\f062';font-family: fontawesome} .webshop-productlist .Productlist_Sort_Select_DIV li:nth-child(3):after {margin-left:2px; content:'\f063';font-family: fontawesome} .webshop-productlist .paging_pages a.ActivePageNumber_ProductList {border:1px solid black} .webshop-productlist .paging_pages a {line-height:25px;height:25px;width:25px;margin:0 1px;border-radius:2px;font-size:12px;border:1px solid #c2c2c2;margin-bottom:5px;display:inline-block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .webshop-productlist .paging_pages a:hover{text-decoration:none;color:#fff;background:#000} .webshop-productlist .paging a.ActivePageNumber_ProductList:link {padding:0px!important} .webshop-productlist .paging .paging_prev a, .webshop-productlist .paging .paging_next a {display:inline-block;color:#6b6b6b;font-size:11px} /*------------------vareliste end--------------------*/ /*------------------varekort start--------------------*/ .webshop-productinfo #ProductInfo_Reviews a {text-decoration: underline} .webshop-productinfo .leftmenu {display:none} .webshop-productinfo .container-fluid {overflow: hidden} .webshop-productinfo article .content {float:none;width:100%} .webshop-productinfo .container {max-width:100%} .webshop-productinfo .col-image {width:40%;float:left;position:relative} .webshop-productinfo .col-info {width:50%;float:right;} .webshop-productinfo .col-desc {margin-top:50px;width: 100%;float: none;position:relative;} .webshop-productinfo .col-spec {margin-top:50px;width:50%;float:right;display: none;} @media (min-width: 880px) { .webshop-productinfo .container-fluid-flex {display:flex;} /*.webshop-productinfo .productthumbs {height:100px}*/ .webshop-productinfo .col-info {position:relative;margin-left:10%} .webshop-productinfo .col-info .contact {position:absolute;bottom:100px} } .webshop-productinfo hr { border: none;height: 1px;color: #e8e8e8;background-color: #e8e8e8;margin-bottom:40px} .webshop-productinfo .breadcrumb br {display:none} .webshop-productinfo #readmore {text-decoration: underline;cursor:pointer} /*usp prices*/ .webshop-productinfo .pricebox {display: flex;justify-content: space-between;align-items: center} .webshop-productinfo .pricebox .price {width:calc(100% - 200px)} .webshop-productinfo .pricebox .usp {font-size:14px;width:200px} .webshop-productinfo .pricebox .usp ul {list-style: none;background:#dfdfdf;border-radius: 5px;padding:10px} .webshop-productinfo .pricebox .usp ul li {margin:5px 0} .webshop-productinfo .pricebox .usp ul li i{margin-right:5px} @media(max-width:500px) { .webshop-productinfo .pricebox {display: block} } /*img*/ .webshop-productinfo .productimage {position:relative} .webshop-productinfo .productimage img {width:100%} .webshop-productinfo .productimage {background: #fff;text-align: center} .webshop-productinfo .productthumbs {margin-top:2px} .webshop-productinfo .productthumbs img {/* width:100%!important */} .webshop-productinfo .webshop-productinfo .MagicThumb-expanded {z-index:9999999!important} .webshop-productinfo .MagicThumb-caption {padding:0!important;text-align:center!important} .webshop-productinfo .productimage img.pricerunner {width:auto!important;position:absolute;right:10px;bottom:10px;z-index:999} .productthumbs .selectors {width:300px;margin:0px auto} @media (max-width: 400px) { .productthumbs .selectors {width:200px} } .productthumbs img {border:1px solid #fff!important} .productthumbs img:hover {border:1px solid #e8aa25!important} .productthumbs .slick-prev {left:-40px} .productthumbs .slick-prev:before {color:#fff;content:'\f0d9';font-family: fontawesome;background: #6d6d6d;width:40px;display:block;height:40px;border-radius:50%;line-height:40px;margin-top:-10px;margin-right:20px!important;} .productthumbs .slick-next:before {color:#fff;content:'\f0da';font-family: fontawesome;background: #6d6d6d;width:40px;display:block;height:40px;border-radius:50%;line-height:40px;margin-top:-10px;} .webshop-productinfo .box-info {margin-top:30px} .webshop-productinfo .box-spec {margin-top:30px} .webshop-productinfo section.kontakt > div {margin-top:0px;background:#f4f4f4} .webshop-productinfo section.kontakt .left {width:100%} /*variants*/ .webshop-productinfo .variants table {width:100%} .webshop-productinfo .variants td[rowspan="3"] {display:none!important} .webshop-productinfo .variants .VariantGroupLabel {padding-top:20px!important} .webshop-productinfo .variants select {width:100%;height: 40px;border-radius: 0px;outline: none;padding-left: 10px;} /*prices*/ .webshop-productinfo .pricebox {margin-top:10px} .webshop-productinfo .pricebox {font-weight:800;font-size:24px} .webshop-productinfo .pricebox .price-current span {margin-right:5px} .webshop-productinfo .pricebox .price-before {font-size:20px;text-decoration: line-through} /*desc*/ .webshop-productinfo .col-desc h2 {margin:30px 0 10px 0;font-weight:normal} .webshop-productinfo .col-desc ul li {margin-bottom:10px;padding-left:10px} .webshop-productinfo .col-desc ul li:before{content:'\f0da';font-family: fontawesome;color:#e8aa25;position:absolute;left:0;margin-top:2px} /*spec*/ .webshop-productinfo .col-spec .box {margin-bottom:40px} .webshop-productinfo .rowspec {overflow:hidden;background: #fff;padding:10px;margin-bottom:5px;} .webshop-productinfo .rowspec span:first-child {display:inline-block;width:40%} .webshop-productinfo .rowspec span:first-child div:after {content:':';position:absolute} .webshop-productinfo .rowspec span:last-child {display:inline-block;width:60%;font-weight:bold} .webshop-productinfo .rowspec img {margin-right:10px} /*buybox*/ .webshop-productinfo .buybox {padding:20px 0px;margin:20px 0 60px 0} .webshop-productinfo .buy {margin-top:20px;overflow:hidden;position:relative} .webshop-productinfo .amountWrapper {display:inline-block;float:left;height:45px;font-weight:500;width:70px} .webshop-productinfo .amountWrapperHeadline {display:none} .webshop-productinfo .amountWrapper input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {opacity: 1;} .webshop-productinfo .amountWrapper input {outline:0;padding: 0px;;margin: 0px;height: 45px;text-align: center;font-size: 16px;width: 60px;border:0px} .webshop-productinfo .buyWrapper {position:relative;float:right;width:calc(100% - 80px);} .webshop-productinfo .buyWrapper .buyWrapperHeadline {border:0px;line-height:45px;height:45px;display:block;width:100%;font-size:20px;color:#fff;padding:0} .webshop-productinfo .buyWrapper input {cursor:pointer;position:absolute;width:100%;height:100%;z-index:2;left:0;top:0;opacity:0} /*configurator*/ .configurator-wrapper .HeaderCell_GroupName_Configurator_ProductInfo {padding-bottom:2px} .configurator-wrapper .MainTable_Configurator_ProductInfo > tbody > tr:nth-child(2n) td {padding-bottom:25px} .configurator-wrapper select, .configurator-wrapper input {height:30px!important} .configurator-wrapper select:focus, .configurator-wrapper input:focus {outline:none!important} .configurator-wrapper .Product_UnitPrice_Configurator_ProductInfo, .configurator-wrapper .Product_TotalPrice_Configurator_ProductInfo {border:0px;background:none} .configurator-wrapper .TotalPrice_Configurator_ProductInfo {border:0px;background:none;width:80px;font-weight: bold} .configurator-wrapper .BuyButton_Configurator_ProductInfo {height:auto!important;position:absolute;left:0} @media (max-width: 879px){ .webshop-productinfo .col-image {width:100%;float:none;padding:10px;background:none} .webshop-productinfo .col-info, .webshop-productinfo .col-desc, .webshop-productinfo .col-spec {width:100%;float:none;} .webshop-productinfo .productimage, .webshop-productinfo .productthumbs {float:none;width:100%;} .webshop-productinfo .productthumbs img {width:70px!important;padding:5px 5px 0 0} } /*menu*/ .webshop-productinfo ul.menu {display:flex;list-style: none;font-size:13px} .webshop-productinfo ul.menu li {margin-right:20px;cursor:pointer} .webshop-productinfo ul.menu li:hover {color:#e8aa25} @media (max-width: 879px){ .webshop-productinfo ul.menu {display:none} } /*------------------varekort end--------------------*/ /*------------------subcat start--------------------*/ .SubCats_Categories_UL {position:relative;overflow: hidden; margin:30px -5px} .SubCats_Categories_UL li {background:#fff;cursor:pointer;display: inline-block;position: relative;float: none;vertical-align: top;box-sizing: border-box;margin: 5px;text-align: center;border: 1px solid #eee;} .SubCats_Categories_UL li a {display:block;} .SubCats_Categories_UL li img {max-height:200px} .SubCats_Categories_UL li .subcat-image {padding:10px 0} .SubCats_Categories_UL li .subcat-name {background-color:#414d63;height: 40px;position: relative;text-align: center;transition: all .3s ease;} .SubCats_Categories_UL li .subcat-name a {color:#fff;font-weight:bold;text-decoration:none;padding:7px 0; margin: auto;position: absolute;left: 0;right: 0;top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%)} .SubCats_Categories_UL li:hover .subcat-name {background-color:#000;color:#FFFFFF;} .SubCats_Categories_UL li:hover .subcat-name a {color:#FFFFFF;} .SubCats_Categories_UL li:last-child {display:none} .SubCats_Categories_UL li {width: calc(20% - 10px)!important} @media (max-width: 1200px) { .SubCats_Categories_UL li {width: calc(25% - 10px)!important} } @media (max-width: 1000px) { .SubCats_Categories_UL li {width: calc(33.33% - 10px)!important} } @media (max-width: 879px) { .SubCats_Categories_UL li {width: calc(50% - 10px)!important} } /*------------------subcat end--------------------*/ /*------------------footer start--------------------*/ footer {background:#fff} footer b {display:block;margin-bottom: 20px;font-size:22px;} footer .ks span:first-child {display:inline-block;width:80px} footer .list_link li {list-style:none;margin-bottom:15px} footer .list_link li a {display:block} footer .list_icon {padding-left:0px;} footer .list_icon li {list-style:none;display:inline-block;padding-right:10px} footer .list_icon li .fa {font-size:30px} footer {overflow:hidden;margin-top: 50px;} footer > section {padding: 30px 0;} footer > section > ul {margin: 0;padding: 0;list-style-type: none;overflow:hidden} footer > section > ul > li {float: left;width: 20%} @media (max-width: 1200px) { footer > section > ul > li {width: 30%} footer > section > ul > li:nth-child(4) {clear:both;margin-top:40px} footer > section > ul > li:nth-child(5) {margin-top:40px} } @media (max-width: 879px) { footer {overflow:hidden;padding:0} footer > section {padding:10px} footer b {font-size:18px;margin:30px 0 10px 0} footer > section > ul > li {width: 100%;float:none} } footer .credits {padding:10px 0;background:#414d63;border-top:1px solid #252525;color:#fff;font-size:12px} footer .credits a {color:#fff;font-size:12px} footer .credits section {overflow:hidden;text-align: center} footer .credits section > div {float:left;width:33%} footer .credits section > div:nth-child(1) {text-align:left} footer .credits section > div:nth-child(2) {text-align:center} footer .credits section > div:nth-child(3) {text-align:right} footer .credits small {display:block;margin-top:5px} footer .credits small a {color:#6d6d6d;font-size:9px} @media (max-width: 879px) { footer .credits section > div {float:none;width:100%;text-align:center!important;margin:10px 0} } /*------------------footer end--------------------*/ /*------------------default pages start--------------------*/ .webshop-terms .Heading_Terms {font-size:2em;font-weight:400;margin:15px 0;text-transform: uppercase;} .webshop-terms .Heading_Terms_Wrapper {text-align:left!important; margin: 15px 0;} .webshop-terms .termsWrapper td[valign="top"] > br {display:none!important} .webshop-profile .Heading_Profile {font-size:2em;font-weight:400;margin:15px 0;text-transform: uppercase;} .webshop-profile .Heading_Profile_Wrapper {text-align:left!important; margin: 15px 0;} .webshop-profile .profileWrapper td[valign="top"] > br {display:none!important} /*------------------default pages end--------------------*/ /*------------------showbasket start--------------------*/ .webshop-showbasket h1 {margin-top:30px} .webshop-showbasket section.maillist {margin-top:0px} .webshop-showbasket article .content {margin-top:0px} .webshop-showbasket .content > div {padding-bottom:0px} .webshop-showbasket-empty .content > div div.row {display:none} .webshop-showbasket-empty .showbasketempty {display:block!important;text-align:center;padding:5% 0;font-size:25px} .webshop-showbasket-empty .showbasketempty span {cursor:pointer} .webshop-showbasket .basketleft {min-height:500px;float:left;width:calc(100% - 415px);position:relative;padding-bottom:50px} .webshop-showbasket .basketleft > .knap {position:absolute;right:0;top:30px} .webshop-showbasket .basketleft .line {height:120px;padding:15px 15px 15px 5px;background:#fff;margin:10px 0;position:relative;overflow:hidden} .webshop-showbasket .basketleft .line > div {position: relative;top: 50%;transform: translateY(-50%)} .webshop-showbasket .basketleft .line .img {width:120px;float:left} .webshop-showbasket .basketleft .line .besk {max-width:380px;width:40%;float:left;} .webshop-showbasket .basketleft .line .besk a {font-size:15px;font-weight: 600} .webshop-showbasket .basketleft .line .besk .ShowBasket_SimpleVariants_DIV {font-size:12px;color:#898787} .webshop-showbasket .basketleft .line .besk .number {font-size:12px;color:#898787;display:block;margin:5px 0} .webshop-showbasket .basketleft .line .amount {width:100px;float:left;text-align: center} .webshop-showbasket .basketleft .line .amount > span {border:1px solid #cccccc;padding:10px 15px;border-radius:5px;margin:0 10px} .webshop-showbasket .basketleft .line .pris {width:100px;float:right;text-align:right} .webshop-showbasket .basketleft .line .pris .remove a {font-size:12px;display:block;margin-bottom:5px;color:#e97f7f;text-decoration: underline} .webshop-showbasket .basketleft .line .pris .total {font-size:22px;font-weight:600} .webshop-showbasket .basketleft .line .pris .total:after {content:',-'} .webshop-showbasket .basketleft .line .pris .total:before {content:'Total ';color:#898787;font-size:12px} .webshop-showbasket .basketright {padding:30px;background: #fff; width:400px;height:100%;position:absolute;left:calc(100% - 400px)} .webshop-showbasket .basketright b {font-size:26px;display:block;margin-bottom:15px} .webshop-showbasket .basketright .totals {font-size:16px;margin:10px 0;position:relative} .webshop-showbasket .basketright .totals > span:first-child {width:50%;float:left} .webshop-showbasket .basketright .totals > span:last-child {width:50%;float:right;text-align:right} .webshop-showbasket .basketright .totals > span:last-child:after {content:',-'} .webshop-showbasket .basketright .totalprice {font-size:30px;margin-top:50px;font-weight:bold} .webshop-showbasket .basketright .knap {display:block;margin-top:20px} .webshop-showbasket .basketright .shippinginfo {font-weight:600;position:absolute;background:#e1f517;right:30px;text-transform: uppercase;border-radius:3px;font-size:12px;padding:2px 10px} .webshop-showbasket.sticky .basketright .shippinginfo {right:0} .webshop-showbasket .basketright .shippinginfo:after {content:'\f0d8';font-family: fontawesome;color:#e1f517;top:-8px;right:10px;position:absolute} .webshop-showbasket .basketright .basketdiscount {border-top:1px solid #9eaba4;margin-top:30px;padding-top:30px;font-size:18px;overflow:hidden;position:relative} .webshop-showbasket .basketright .basketdiscount input[type="text"] {height:35px;line-height:35px;padding:0 10px;margin:15px 0 0 0;border:1px solid #cccccc;width:60%;float:left} .webshop-showbasket .basketright .basketdiscount input[type="button"] {cursor:pointer;height:35px;width:35%;float:right;margin-top:15px;line-height:35px;padding:0;font-size:15px} .webshop-showbasket .product-list {margin-top:60px} .webshop-showbasket .product-list > b {font-size:30px;font-weight: normal;padding-left:5px;display:block;margin-bottom:20px} .webshop-showbasket .product-list > ul > li:nth-child(n+5) {display:none} @media (max-width: 1200px) { .webshop-showbasket .product-list > ul > li{width: calc(50% - 10px);} } @media (max-width: 1000px) { .webshop-showbasket .basketleft .line {height:auto;top: 0;transform: none} .webshop-showbasket .basketleft .line > div {transform: none} .webshop-showbasket .basketleft .line .besk {max-width:100%;width:calc(100% - 150px)} .webshop-showbasket .basketleft .line .amount {padding-top:20px} } @media (max-width: 879px) { .webshop-showbasket.sticky .basketright .shippinginfo {right:30px} .webshop-showbasket .is-sticky > div {width:auto!important;position:relative!important; top:auto!important} .webshop-showbasket .basketleft > .knap {top:0px} .webshop-showbasket .basketleft, .webshop-showbasket .basketright {float:none;width:100%;position:relative;left:0} } /*------------------showbasket end--------------------*/ /*------------------checkout start--------------------*/ body #order-summary {top:250px!important} body.sticky #order-summary {top:130px!important} .webshop-checkout article .content {margin-top:0px} .webshop-checkout section.maillist {margin-top:0px} .webshop-checkout #customer-data #subscription-maillist {display:none!important} .webshop-checkout #mailchimp-subscribe-box {clear:both;padding-top:10px!important} .webshop-checkout #checkout-container .checkout-headline {border:0px} .webshop-checkout #checkout-container #column-data, .webshop-checkout #checkout-container #column-shipping-payment, .webshop-checkout #checkout-container #order-confirm{width:calc(100% - 420px);border:0px;padding:0px;float:none} .webshop-checkout #checkout-container h1 {margin-top:0;padding-top:20px} .webshop-checkout #checkout-container h2, .webshop-checkout #checkout-container h3 {font-size:22px;padding-bottom:18px;margin:0px} .webshop-checkout #checkout-container h2 span, .webshop-checkout #checkout-container h3 span {font-weight:bold} .webshop-checkout #checkout-container .login, .webshop-checkout #checkout-container #column-data > #customer-data, .webshop-checkout #checkout-container #customer-alternative-delivery, .webshop-checkout #checkout-container #payment-methods, .webshop-checkout #checkout-container #shipping-methods, .webshop-checkout #checkout-container #order-confirm {background:#fff;padding:30px;margin-top:30px} .webshop-checkout #checkout-container #customer-data fieldset, .webshop-checkout #checkout-container #payment-methods fieldset, .webshop-checkout #checkout-container #shipping-methods > label, .webshop-checkout #checkout-container #order-confirm > div{margin:0 10%} .webshop-checkout #checkout-container .login {font-size:22px;} .webshop-checkout #checkout-container .loginactive {border-bottom:0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px} .webshop-checkout #checkout-container .login a:hover {text-decoration: none} .webshop-checkout #checkout-container .login span {text-decoration: underline} .webshop-checkout #checkout-container #customer-login {display:none} .webshop-checkout #checkout-container #customer-login {background:#fff;padding:20px} .webshop-checkout #checkout-container #customer-login h2, .webshop-checkout #checkout-container #customer-login-devider {display:none} .webshop-checkout #checkout-container #customer-login > p {font-size:18px;font-weight:500} .webshop-checkout #checkout-container #customer-login a {font-size:13px;text-decoration: underline} .webshop-checkout #checkout-container #customer-login label[for="checkout_username"] {width:49%;margin:20px 1% 0 0;float:left} .webshop-checkout #checkout-container #customer-login #checkout_password_login-container {width:49%;margin:20px 0 0 1%} .webshop-checkout #checkout-container #customer-login #checkout_password_login-button-container {width:100%;padding:10px 0} .webshop-checkout #checkout-container #customer-login #customer_lookup_submit {-webkit-appearance: none;width:100%;height:40px;font-size:16px;outline:0;cursor:pointer} .webshop-checkout #checkout-container #customer-login #customer_lookup_submit:hover {opacity:0.7} .webshop-checkout #checkout-container #column-data select {background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 10px} .webshop-checkout #checkout-container #column-data input[type="text"], .webshop-checkout #checkout-container #column-data input[type="tel"], .webshop-checkout #checkout-container #column-data input[type="password"], .webshop-checkout #checkout-container #column-data textarea, .webshop-checkout #checkout-container #column-data select {-webkit-appearance: none;font-size:14px;border:1px solid #cccccc;;height:35px;outline:none;padding:0 10px;margin-top:10px} .webshop-checkout #checkout-container #column-data label {margin-top:10px;display:block} .webshop-checkout #checkout-container #column-data label[for="checkout_customer_zipcode"] {width:31%;float:left;} .webshop-checkout #checkout-container #column-data label[for="checkout_customer_city"] {width:31%;float:left;margin-left:3.5%;margin-right:3.5%} .webshop-checkout #checkout-container #column-data label[for="checkout_customer_country"] {width:31%;float:right;clear:right} .webshop-checkout #checkout-container #column-data label[for="checkout_customer_phone"]:before {content:'';display:block;clear:both;padding-top:10px} .webshop-checkout #checkout-container #column-data label[for="checkout_note"] #checkout_note {padding:10px;height:100px} .webshop-checkout #checkout-container #column-data .salesdiscountcode-container {width:70%} .webshop-checkout #checkout-container #column-data .salesdiscountcode-button-container {width:27%;float:right;margin-top:10px} .webshop-checkout #checkout-container #column-data .checkout-salesdiscount-code-button {height:35px;width:100%;background:#333333;color:#fff;font-size:16px;border:1px solid #333333;outline: 0;-webkit-appearance: none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor:pointer} .webshop-checkout #checkout-container #column-data .checkout-salesdiscount-code-button:hover {opacity:0.7} .webshop-checkout #checkout-container #column-data .checkout-row {margin-top:20px;} .webshop-checkout #checkout-container #column-data .checkout-row .div-checkout-checkbox {width:50px} .webshop-checkout #checkout-container #column-data .checkout-row label {font-size:16px} .webshop-checkout #checkout-container #customer-alternative-delivery #customer-data {margin-top:20px} .webshop-checkout #checkout-container #customer-alternative-delivery label[for="checkout_customer_altdelivery_zipcode"] {width:31%;float:left;} .webshop-checkout #checkout-container #customer-alternative-delivery label[for="checkout_customer_altdelivery_city"] {width:31%;float:left;margin-left:3.5%;margin-right:3.5%} .webshop-checkout #checkout-container #customer-alternative-delivery label[for="checkout_customer_altdelivery_country"] {width:31%;float:right;clear:right} .webshop-checkout #checkout-container #column-shipping-payment label[for="checkout-shipping-56"] {display:none} .webshop-checkout #checkout-container #column-shipping-payment > h2 {display:none} .webshop-checkout #checkout-container #payment-methods:before {content:'3. Vælg betalingsmetode';font-size: 22px;font-weight: bold;padding-bottom: 18px;display:block} .webshop-checkout #checkout-container #payment-methods fieldset > label, .webshop-checkout #checkout-container #shipping-methods > label{padding:20px 0} .webshop-checkout #checkout-container #shipping-methods:before {content:'2. Vælg forsendelsesmetode';font-size: 22px;font-weight: bold;padding-bottom: 18px;display:block} .webshop-checkout #checkout-container #shipping-methods {margin-bottom:30px} .webshop-checkout #checkout-container #column-shipping-payment .checkout-payment-description-cell, .webshop-checkout #checkout-container #column-shipping-payment .checkout-shipping-description-cell{padding-left:15px;text-align:left;font-size:16px} .webshop-checkout #checkout-container #column-shipping-payment .checkout-payment-description-cell .payment-message, .webshop-checkout #checkout-container #column-shipping-payment .checkout-shipping-description-cell .shipping-message, .webshop-checkout #checkout-container #column-shipping-payment #afhTxt{font-size:12px;display:block;margin:5px 0} #Checkout_ShippingMethodServices_Table {border:1px solid #c2c2c2;background:#f2f2f2;margin:0 10%;width:80%;padding:10px} #Checkout_ShippingMethodServices_Table .Checkout_ShippingMethodServices_Devider_TR {display:none} #Checkout_ShippingMethodServices_Table {border:1px solid #c2c2c2;background:#f2f2f2} #Checkout_ShippingMethodServices_Table .checkout_shippingmethodservices_param {line-height:30px;border:1px solid rgb(221,220,220)!important;margin-top:5px} @media (min-width: 800px) { #afhTxtPopup {width:450px} } #afhTxtPopup #afhentes > b, #afhTxtPopup #afhentesikke > b {display:block;margin-bottom:10px;font-size:15px} #afhTxtPopup #afhentesikke > b {margin-top:20px} #afhTxtPopup .afhTxtPopupProd {overflow:hidden;background:#fff;border-radius:5px;padding:5px;margin:5px 0;} #afhTxtPopup .afhTxtPopupProd .afhTxtPopupProdImage {margin-right:10px;float:left} #afhTxtPopup .afhTxtPopupProd .afhTxtPopupProdName {font-size:12.5px;float:left;display:flex;justify-content: center;align-items: center;height:50px} .webshop-checkout #checkout-container #order-confirm {font-weight:500;clear:both;margin-bottom:30px} .webshop-checkout #checkout-container #order-confirm #confirm-checkout {clear:both;overflow:hidden} .webshop-checkout #checkout-container #order-confirm #confirm-accepterms {margin-right:20%;} .webshop-checkout #checkout-container #order-confirm #confirm-accepterms > span, .webshop-checkout #checkout-container #order-confirm #mailchimp-subscribe-box > span {margin-left:10px;line-height:35px} .webshop-checkout #checkout-container #order-confirm #confirm-accepterms a {color:#C10A27;font-weight:500} .webshop-checkout #checkout-container #order-confirm #confirm-complete-button {outline:0;-webkit-appearance: none;cursor:pointer;width:100%;height:40px;font-size:16px;margin-top:30px} .webshop-checkout #checkout-container #order-confirm .checkoutlinks {padding-top:30px} .webshop-checkout #checkout-container #order-confirm .checkoutlinks a {display:block;font-weight:normal;text-decoration: underline} .webshop-checkout #checkout-container #order-confirm .terms {display:none} .webshop-checkout #checkout-container #order-confirm #confirm-termsandconditions-link-text {padding:0px} .webshop-checkout #checkout-container #order-confirm #confirm-termsandconditions-link-text a {font-size:12px;display:block;margin:20px 0;text-decoration: underline} .webshop-checkout #checkout-container #column-order-summary {padding:30px 20px;background:#fff;width:400px;height:100%;position:absolute;left:calc(100% - 400px);top:0} .webshop-checkout #checkout-container #column-order-summary #order-confirm {display:none} .webshop-checkout #checkout-container #column-order-summary h2 span {display:none} .webshop-checkout #checkout-container #column-order-summary .order-summary-variants {font-size:11px} .webshop-checkout #checkout-container #order-summary thead th {font-size:10px} .webshop-checkout #checkout-container #order-summary table {border-bottom:1px solid #9eaba4;padding:10px 0} .webshop-checkout #checkout-container #order-summary thead th, .webshop-checkout #checkout-container table#order-summary td {padding:5px;} .webshop-checkout #checkout-container #order-summary table, .webshop-checkout #checkout-container div#order-summary tr, .webshop-checkout #checkout-container div#order-summary td, .webshop-checkout #checkout-container div#order-summary th, .webshop-checkout #checkout-container div#order-summary thead {vertical-align: text-top;} .webshop-checkout #checkout-container #order-summary table.order-summary tbody tr td:nth-last-child(2) {width:100px} .webshop-checkout #checkout-container #order-summary table.order-summary tbody tr td:nth-last-child(3) {max-width:170px} .webshop-checkout #checkout-container input[type="radio"] {margin-top:0px;cursor:pointer;outline:0;-webkit-appearance:none;appearance:none;border:1px solid #cccccc;border-radius:50%;background:#fff;box-sizing:content-box;width:35px;height:35px;transition:opacity .2s ease-in-out,border .2s ease-in-out} .webshop-checkout #checkout-container input[type="radio"]:hover, .webshop-checkout #checkout-container input[type="radio"]:checked {background:#fff url("/images/skins/dandodesign/media/check-green.png") center center no-repeat;border:1px solid #cccccc} .webshop-checkout #checkout-container input[type="radio"]:checked::-ms-check {color:transparent;background:#fff url("/images/skins/dandodesign/media/check-green.png") center center no-repeat;background-size:16px 16px} .webshop-checkout #checkout-container .customControl {margin:0px!important;position:relative;height: 35px;width:35px;float:left;margin-right:15px} .webshop-checkout #checkout-container .customControl input {opacity: 0;float:none} .webshop-checkout #checkout-container .customControl .checkmark {cursor:pointer;position: absolute;top: 0;left: 0;height: 35px;line-height:35px;width:35px;background: #fff;border-radius:5px;border:1px solid #cecece} .webshop-checkout #checkout-container .customControl:hover .checkmark:after, .webshop-checkout #checkout-container .customControl input:checked ~ .checkmark:after {content:'';background:url("/images/skins/dandodesign/media/check-green.png") center center no-repeat;display:block;width:100%;height:100%;text-align:center} .webshop-checkout #checkout-container .customControl input:checked ~ .checkmark {border:1px solid #1cab55} @media (max-width: 879px) { .webshop-checkout #mailchimp-subscribe-box {clear:both;padding-top:15px} .webshop-checkout #checkout-container .login, .webshop-checkout #checkout-container #column-data > #customer-data, .webshop-checkout #checkout-container #customer-alternative-delivery, .webshop-checkout #checkout-container #payment-methods, .webshop-checkout #checkout-container #shipping-methods, .webshop-checkout #checkout-container #order-confirm {padding:10px} .webshop-checkout .content > div {padding:5px} .webshop-checkout .is-sticky > div {width:auto!important;position:relative!important; top:auto!important} .webshop-checkout #checkout-container #column-order-summary {float:none;min-height: auto;height:auto;position:relative;width:100%;left:0;margin-bottom:20px} .webshop-checkout #checkout-container #column-data, .webshop-checkout #checkout-container #column-shipping-payment, .webshop-checkout #checkout-container #order-confirm {width:100%} .webshop-checkout #checkout-container #customer-data fieldset, .webshop-checkout #checkout-container #payment-methods fieldset, .webshop-checkout #checkout-container #shipping-methods > label, .webshop-checkout #checkout-container #order-confirm > div {margin:0 2%} } /*------------------checkout end--------------------*/ /*------------------step 4 start--------------------*/ .webshop-orderstep4 .Heading_OrderStep4, .webshop-orderstep4 .Foto1_OrderStep4, .webshop-orderstep4 .TableLines_OrderStep4 img, .webshop-orderstep4 .leftmenu {display: none!important;} .webshop-orderstep4 .content {width:100%;} .webshop-orderstep4 .Heading_Order4 {font-size:22px;font-weight:normal} @media (max-width: 767px) { .webshop-orderstep4 content > .container {padding-top:50px;} .webshop-orderstep4 .img-responsive {padding-bottom:10px} } /*------------------step 4 end--------------------*/ /*------------------kundecenter start--------------------*/ .webshop-customercenter #Content > table,.webshop-customercenter #Content > form {background:#fff;max-width: 960px;width: 100%; margin: 0px auto;} .webshop-customercenter .Heading_Customer {font-size:30px;color:#626262;padding:10px;display:block;} .webshop-customercenter #Content > br {display:none} .webshop-customercenter .Login_Customer {padding:10px 0 50px 10px} .webshop-customercenter .Login_Customer input[type="text"]#xprofileid.TextInputField_Customer, .Login_Customer input[type="password"]#xprofileid1.TextInputField_Customer { -webkit-appearance: none;height: 35px;width: 200px!important;margin: 10px 4px 10px 0;padding: 0 10px;border-radius: 3px;border: 1px solid #ddd;} .webshop-customercenter .SubmitButton_Customer {width:70px;height: 35px;margin-top: 10px; border:0px;color: #fff;background: #000;margin-left:10px} .webshop-customercenter .Login_Customer a {color:#848484;text-decoration: underline} .webshop-customercenter .Login_Customer a:hover {color:#111} .webshop-customercenter .Login_Customer td {color:#626262} .webshop-customercenter .Login_Customer td[width="130"] {width:150px} .webshop-customercenter .Text1_Customer .Heading_Customer {font-size: 25px;border-bottom: solid 1px #dbdbdb;display: block;padding:30px 0 5px 0;margin-bottom:15px} .webshop-customercenter .Text1_Customer {padding:0 10px 100px 10px;position:relative} #tabB1 {margin-left:10px} #tabB1 > span, #tabB2 > span, #tabB3 > span, #tabB4 > span, .tabLinkID > a {display: inline-block;background-color: #559400;padding: 5px 10px;color: rgba(255,255,255,1.00);border-radius: 2px;margin: 0 10px 0 0;border: solid 1px #559400;} #tabB1 > span.Tabactive_Customer, #tabB2 > span.Tabactive_Customer, #tabB3 > span.Tabactive_Customer, #tabB4 > span.Tabactive_Customer,#tabB1 > span.Tabhover_Customer, #tabB2 > span.Tabhover_Customer, #tabB3 > span.Tabhover_Customer, #tabB4 > span.Tabhover_Customer, .tabLinkID > a:hover {background-color:rgba(255,255,255,1.00);border: solid 1px #78BD55;color: #095a3e;} #tabB4 {float: right;margin-right:10px} #tabB4 > span {margin: 0;background-color: #e03325;border-color: #e03325;} #tabID2 > tbody > tr > td > br {display: none;} #tabID2 > tbody > tr > td > table > tbody > tr:nth-child(1), #tabID2 > tbody > tr > td > table > tbody > tr:nth-child(2) {display: none;} #tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(3) {font-size: 0;position: relative;width: 0;} #tabID2 > tbody > tr > td > table > tbody > tr > td {padding: 4px 0;} #tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(1) {padding-right: 15px;} #tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(3) > span {position: absolute;right: 7px;z-index: 20;color: red;font-size: 11px;top: 50%;transform: translateY(-50%);} .webshop-customercenter #tabID2 input.TextInputField_Customer, .webshop-customercenter #tabID2 select.OptionSelect_Customer{font-size: 14px;height: 35px;width: 100%!important;margin: 0 4px 0 0;padding: 0 10px;display: inline-block;border-radius: 3px;border: 1px solid #ddd;} .webshop-customercenter .MemberFrame {margin-top:20px} /*------------------kundecenter end--------------------*/ /*kurv popup*/ .fancybox-lock .fancybox-overlay{z-index:9999} .fancybox-overlay-fixed{bottom:0;position:fixed;right:0} #KurvPopup * {outline:0!important} #KurvPopup .product-list>ul {justify-content:space-around} #KurvPopup .product-name {height:auto} #KurvPopup {padding:0 30px 30px 30px!important} #KurvPopup .fancybox-close-small {color: #000!important;} #KurvPopup {padding:0px;width:950px;background:#fff} #KurvPopup .KurvHead {padding:15px 0} #KurvPopup .KurvHead .fa {color:#28aa59;margin-right:5px} #KurvPopup .KurvHead h2 {margin:0;display:inline-block;font-size:30px;} #KurvPopup .KurvProduct {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:5px 0;font-size:20px;overflow:hidden} #KurvPopup .KurvProduct .KurvProductImage {float:left;width:20%} #KurvPopup .KurvProduct .KurvProductImage img {width:90%} #KurvPopup .KurvProduct .KurvProductInfo {float:right;width:78%} #KurvPopup .KurvProduct .KurvProductName h3 {color:#000;font-size:20px;margin-bottom:0px} #KurvPopup .KurvProduct .KurvProductNumber {color:#898787;font-size:14px;margin-top:8px} #KurvPopup .KurvProduct .KurvProductVariants {color:#898787;font-size:14px;margin:10px 0} #KurvPopup .KurvProduct .KurvProductPriceAomunt {color:#000;font-size:14px} #KurvPopup .KurvProduct .KurvProductPriceAomunt span {font-weight:bold} #KurvPopup .KurvTotal {border-bottom:1px solid #cccccc;padding:10px 0;text-align:center;font-size:20px} #KurvPopup .KurvActions {margin:30px 0;display: flex;justify-content: space-between;} #KurvPopup .KurvActions a {width:30%;border:1px solid #1cab55} #KurvPopup .KurvActions a:nth-child(1) {background:#fff;color:#1cab55} #KurvPopup .KurvActions a:nth-child(2) {/* margin:0 5%; */} #KurvPopup .KurvProd h2 {text-align:center;font-size:20px} #KurvPopup .KurvProd .product-buy {font-weight:bold;font-size: 12px;color:#1cab55;cursor:pointer;margin-right:0} #KurvPopup .KurvProd .product-buy span {font-size:12px} @media (max-width: 1100px) { #KurvPopup .product-list ul > li:nth-child(n+4) {display:none!important} } @media (max-width: 879px) { #KurvPopup{width:100%} } @media (max-width: 650px) { #KurvPopup .KurvHead h2 {font-size:20px} #KurvPopup .KurvProduct .KurvProductName h3 {font-size:16px} #KurvPopup .KurvProduct .KurvProductInfo div {font-size:12px} #KurvPopup .KurvTotal {font-size:16px} #KurvPopup .KurvActions a:nth-child(1) {display:none} #KurvPopup .KurvActions a:nth-child(2) {margin:0 10% 0 0;width:40%} #KurvPopup .KurvActions a:nth-child(3) {margin:0 0 0 10%;width:40%} } @media (max-width: 450px) { #KurvPopup {padding:0 10px 10px 10px!important} #KurvPopup .KurvTotal {font-size:14px} } /*til toppen*/ #BackTo>span{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:14px;font-weight:300;line-height:20px;z-index:999;cursor:pointer;background-color:#fff;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.2)} #BackTo>span:hover{box-shadow:0 0 3px #000;-webkit-transition:all .1s ease-in-out 0s;-moz-transition:all .1s ease-in-out 0s;-ms-transition:all .1s ease-in-out 0s;-o-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s} #BackToTop{padding:10px 20px 10px 40px;opacity:0;visibility:hidden;bottom:-10px;right:20px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s} #BackToTop.FixedTop{bottom:20px;opacity:1;visibility:visible} #BackToTop:before {top:8px;content:'\f106';font-family: FontAwesome;font-size:30px;position:absolute;left:12px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s} #BackToTop:hover:before {top:0px;} /*dbsearch*/ /*overall styles*/ .ui-autocomplete {z-index: 999999999!important;background: #ffffff;border: 1px solid #b5beca;border-radius:5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); color: #1f2a2a;margin:0px!important;padding:0px!important;} /*reset*/ .ui-autocomplete a.ui-state-focus {background:none repeat scroll 0 0 #e9e9e9;text-decoration:none!important;display:block; overflow:hidden;border-radius:0px} .ui-autocomplete .ui-state-active {border:0px;background:none;} .ui-autocomplete .ui-menu-item a {line-height:1.2!important;padding:0px} .ui-autocomplete a.ui-state-focus * {text-decoration:none;line-height:1.2!important;} .ui-autocomplete *{font-size:14px!important; } .ui-autocomplete .uiVisAlle .ui-state-active {margin:0 0 0 15px!important} /*group*/ .ui-autocomplete .uigroup {text-transform: uppercase;background: #fff;text-align: left;width:100%;margin-top:20px} .ui-autocomplete .uigroup p {font-weight:bold;font-size: 16px!important;margin:0px;padding: 10px 18px 10px 5px;line-height: 20px;margin-left:} .ui-autocomplete li:first-child {margin-top:5px} /*category*/ .ui-autocomplete .uicategory {width:100%} .ui-autocomplete .uicategory a {padding:2px 0 2px 15px;display:block} .ui-autocomplete .uicategory a:hover {text-decoration: none;background:#e9e9e9} /*product*/ .ui-autocomplete .uiproduct {list-style: none;width:100%;border-top: 1px solid #e9e9e9;cursor: pointer;text-align: left !important;} .ui-autocomplete .uiproduct:hover {background:#e9e9e9} .ui-autocomplete .uiimg {width:100px;cursor: pointer;float: left;text-align:center} .ui-autocomplete .uiimg img {max-height: 80px !important;max-width: 90%!important;padding: 5px 10px;} .ui-autocomplete .uicontent {width:calc(100% - 150px);float:left;padding-top: 10px;background:transparent;padding-bottom:0px;} .ui-autocomplete .uipris {margin-top:2px;font-size:11px!important;font-weight:bold;} .ui-autocomplete .uivarenummer {margin:2px 0 5px 0;color: #8f8f8f; font-size: 10px!important;} /*vis alle*/ .ui-autocomplete .uiVisAlle {border-top: 1px solid #b5beca;height: 40px;width:100%} .ui-autocomplete .uiVisAlle div {margin-left:15px} .ui-autocomplete .uiVisAlle p,.uiVisAlle p:hover {text-align:left;margin:0px;background: url("/images/skins/dandodesign/media/lup.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0); color: #000; cursor: pointer; font-size: 14px; font-weight: bold;line-height: 40px; padding-left: 25px; text-decoration: none;} /*noproducts*/ .ui-autocomplete .uinoProducts {color: #931600;font-size: 12px;font-style: italic;line-height: 10px;padding: 5px 0;text-align: left;text-decoration: none;width: 400px;} .ui-autocomplete .uinoProducts p {padding:20px;line-height:20px;} /*defaults*/ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none;} .ui-autocomplete .ui-menu-item a,.ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {margin: 0px!important; cursor:pointer;text-align:left!important;display:block;} * html .ui-autocomplete {width: 1px;} .ui-autocomplete-loading {background: url("/images/skins/dandodesign/media/ui-anim_basic_16x16.gif") no-repeat scroll right center white;} .ui-autocomplete .ui-menu-item,.ui-autocomplete .uigroup, .ui-autocomplete .uiVisAlle {clear: left; float: left;} /*responsive*/ @media (max-width: 810px) { .ui-autocomplete {width:100%!important; left:0!important} .ui-autocomplete .uiVisAlle div {margin-left:150px!important} } /*------------------slick start--------------------*/ body .slick-slider * {outline: none!important} body .slick-slide {margin: 5px;padding: 5px} #slicknav {text-align:center;display:none} #slicknav .fa {cursor:pointer;transition: all .3s ease;font-size:24px;color:#000;background:#FFF;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;margin:0 15px} #slicknav .fa:hover {color:#fff;background:#000} /*------------------slick start--------------------*/ /*------------------kontakt start--------------------*/ #kontakt {background:#fff;padding:20px} #kontakt .left {width:50%} #kontakt .left input,#kontakt .left textarea {display:block;width:90%;margin:5px 0 20px 0;outline:none} #kontakt .left input {line-height:30px;outline:none!important} #kontakt .left textarea {height:300px} #kontakt .right {width:45%} @media(max-width:800px) { #kontakt .left, #kontakt .right {width:100%;float:none} #kontakt .left input,#kontakt .left textarea {width:100%} } /*------------------kontakt start--------------------*/ .gallery > div {float:left;margin-right:20px} .gallery > div p {margin:10px} .gallery > div:last-child {margin-right:0} #cookieInformerBooklet {display:none} #CookiePolicy {background-color:rgba(0,0,0,.80)!important;left:0;top:0;bottom:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:99999999!important;position:fixed;margin:0;border-radius:0;right:auto} #CookiePolicy strong {display:block} #CookiePolicy label {color:#000!important} #CookiePolicy div.CookiePolicyCenterText {background-color:#fff;flex:none;width:600px;max-width:90%;max-height:90%;box-shadow:0 0 40px rgba(0,0,0,.7);border-radius:10px;color:rgba(0,0,0,1.00);margin:0;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto} #CookiePolicy .CookiePolicyText {padding:0;display:flex;flex-direction:column;min-height:200px;max-height:none;overflow:visible;background-color:#ededed;font-weight:400;color:rgba(84,84,84,1.00)} #CookiePolicy .CookiePolicyText p {padding:0 40px 30px;margin:0} #CookiePolicy .CookiePolicyText a {text-decoration:underline} #CookiePolicy .cookie-policy-accept-buttons-container{margin:0;padding:30px 40px 15px;display:flex;justify-content:center} #CookiePolicy .cookie-policy-accept-buttons-container > input{flex:auto;margin:0;border-radius:5px;padding:20px 15px;font-weight:400;-webkit-box-shadow:inset 0 -4px 0 -2px rgba(0,0,0,0);-moz-box-shadow:inset 0 -4px 0 -2px rgba(0,0,0,0);box-shadow:inset 0 -4px 0 -2px rgba(0,0,0,0)} #CookiePolicy .cookie-policy-accept-buttons-container > input[type="button"].cookie-policy-accept{background-color:#f6f6f6;border:solid 1px #d4d4d4;color:rgba(0,0,0,1.00)} #CookiePolicy .cookie-policy-accept-buttons-container > input:not(:last-of-type){margin-right:30px} #CookiePolicy .cookie-policy-details-link-container{order:3;padding:0 0 30px;display:flex;justify-content:center} #CookiePolicy .cookie-policy-details-link-container > a{flex:none} #CookiePolicy .cookie-policy-details-container{order:4;display:none} #CookiePolicy .cookie-policy-details-container div.rtable-cell{font-size:65%} #CookiePolicy .cookie-policy-consents-container{order:5;display:flex;border-top:solid 1px #d4d4d4;background-color:#f6f6f6;margin:0} #CookiePolicy .cookie-policy-consents-container > div{flex:auto;display:flex;flex-direction:column;align-items:center;padding:15px 15px 20px} #CookiePolicy .cookie-policy-consents-container > div:not(:last-child){border-right:solid 1px #d4d4d4} #CookiePolicy .cookie-policy-consents-container label{font-weight:400;margin:0;display:flex;flex-direction:column;align-items:center} #CookiePolicy .cookie-policy-consents-container label div{border-radius:25px;width:53px;margin:7px 0 0;background-color:#ababab;padding:4px;display:flex;justify-content:flex-start;cursor:pointer} #CookiePolicy .cookie-policy-consents-container label div > span{width:25px;height:25px;border-radius:50%;background-color:rgba(255,255,255,1.00)} #CookiePolicy .cookie-policy-accept-buttons-container input[type="button"].cookie-policy-accept{background-color:#ededed!important;color:#000!important} #CookiePolicy .cookie-policy-accept-buttons-container input[type="button"].cookie-policy-accept-all{background-color: #1cab55!important;color: #fff;font-weight: bold;} #CookiePolicy .rtable{display:flex;flex-wrap:wrap;margin:0;padding:0} #CookiePolicy .rtable--4cols>.rtable-cell{width:25%} #CookiePolicy .rtable-header-cell{background-color:rgba(0,0,0,0.05);font-weight:700} #CookiePolicy .rtable-cell{box-sizing:border-box;flex-grow:1;width:100%;padding:.8em 1.2em;overflow:hidden;list-style:none;border-bottom:1px solid #ececec;font-size:10px!important} @media (max-width: 980px) { #CookiePolicy .CookiePolicyText > p{padding:0 25px 25px;font-size:95%} #CookiePolicy .cookie-policy-accept-buttons-container{padding:20px 25px 15px} #CookiePolicy .cookie-policy-accept-buttons-container > input{font-size:90%} #CookiePolicy .cookie-policy-details-link-container{padding:0 0 20px} #CookiePolicy .cookie-policy-consents-container{flex-wrap:wrap} #CookiePolicy .cookie-policy-consents-container > div{flex:none;width:50%} #CookiePolicy .cookie-policy-consents-container > div:nth-child(-n+2){border-bottom:solid 1px #d4d4d4} #CookiePolicy .cookie-policy-accept-buttons-container > input{padding:10px 15px} #CookiePolicy .cookie-policy-accept-buttons-container > input:not(:last-of-type){margin-right:15px} #CookiePolicy .cookie-policy-consents-container label{font-size:80%} #CookiePolicy .cookie-policy-consents-container label div > span{width:20px;height:20px} } /*BLOG*/ .blogInfo > span,.blogItem .blogDesc .blogDate {font-size:12px} /*vareliste*/ .webshop-productlist .blog {padding-top:20px} .webshop-productlist h2 {margin-top:0px} .webshop-productlist .ProductList_Custom_DIV .blogItem {margin-top:20px;margin-bottom:20px;overflow:hidden;padding:20px;display: flex;align-items: center;background:#fff;} .webshop-productlist .ProductList_Custom_DIV > div .blogItem {border-bottom:1px solid silver} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogImage {width: 150px;/* float:left; */text-align: center;} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogImage img {border-radius:10px;max-width: 50%;} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogDesc {width: calc(100% - 150px);display:inline-block;/* padding-left:5%; */} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogDesc .blogDate {font-size:12px;display: none;} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogDesc .blogName {font-size:17px; font-weight:bold} .webshop-productlist .ProductList_Custom_DIV .blogItem .blogDesc .blogLink a{display:block;margin-top:10px;font-size: 12px;} /*varekort*/ .webshop-productinfo .blog {padding-top:30px} .webshop-productinfo .blog .blogRight {padding-top:30px} .webshop-productinfo .blog h2 {font-size:16px} .webshop-productinfo .blog {overflow:hidden} .webshop-productinfo .blogRelated { padding-left: 50px; } .webshop-productinfo .blogProductImage {margin-bottom:30px;text-align: center;} .webshop-productinfo .blogProductImage img {max-width:300px} .webshop-productinfo .blogImage img {max-width:100%} .webshop-productinfo .blogInfo {float:left;padding-right:2%} .webshop-productinfo .blogInfo .description1 ul {padding:30px} .webshop-productinfo .blogInfo .description1 ul li {padding:10px} .webshop-productinfo .blogLeft {float:left;width:60%} .webshop-productinfo .blogRight {float:right;width:40%;padding-left:2%} .webshop-productinfo .blogItem {overflow:hidden;margin:20px 0;background: #fff;padding:10px} .webshop-productinfo .blogItem .blogImage {float:left;width:20%;text-align: center} .webshop-productinfo .blogItem .blogImage img {max-width:50px} .webshop-productinfo .blogItem .blogDesc {width:80%;float:left} .webshop-productinfo .blogItem .blogName a {font-size:13px;font-weight:bold;padding:2px 0;display:block} .webshop-productinfo .blogRelated > div.blogItem:nth-child(n+7) {display: none} @media (max-width: 767px){ .webshop-productinfo .blogLeft {width:100%} .webshop-productinfo .blogRight {width:100%} }