@charset "UTF-8"; .obs {font-weight:bold;text-align: center;padding:5px 0;background:#ffc207;font-size:15px} .obs a {display:block} .obs.showonlyifloggedin {display:none} body.b2b .obs.showonlyifloggedin {display:block} .fancybox-content {background:#fff!important} /*overall*/ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .fancybox-inner * {outline:0!important} /*html,body,input, textarea, select, button {font-size: 14px;color:#000;font-family: 'Muli', serif}*/ html,body,input, textarea, select, button {font-size: 14px;color:#000;font-family: 'Nunito', serif} body {background:#fff} ul{margin:0;padding:0} a {color:#000;text-decoration:none} a:hover {text-decoration:none;color:#000!important} h1,h2,h3 {color:#000} h1 {font-size: 28px;margin:0 0 15px 0} h2 {font-size: 24px;} h3 {font-size: 32px;} 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=tel]:focus,input[type=email]:focus,textarea:focus{border:1px solid #000!important;outline:0} input[type="submit"]{cursor:pointer} .container,.topline>ul,header>section,nav>section,article, footer section {margin:0 auto 0;width: 1400px;max-width: 95%;position:relative} .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} iframe {max-width:100%} .knap, #customer_lookup_submit, .buyWrapperHeadline, .ButtonWrapperText, #confirm-complete-button, .SubmitButton_B2Blogin, .webshop-productlist .paging .paging_prev a, .webshop-productlist .paging .paging_next a{cursor:pointer;-webkit-appearance: none;appearance: none;border-radius:0;line-height:20px;border-radius:3px;border:0px;background:#111;color:#fff;display:inline-block;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;} .knap:hover, .buyWrapper:hover span, .ButtonWrapperText:hover, #confirm-complete-button:hover, .SubmitButton_B2Blogin:hover, .webshop-productlist .paging .paging_prev a:hover, .webshop-productlist .paging .paging_next a:hover{text-decoration:none;opacity: 0.8;color:#fff!important} .gray,.gray:hover {color:#000!important;background:#c2c2c2!important} select {outline:0;-webkit-appearance: none;appearance: none;background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 10px} ::-webkit-input-placeholder {color: #959595}:-moz-placeholder {color: #959595}::-moz-placeholder {color: #959595}:-ms-input-placeholder {color: #959595} .hidden,.alwayshidden {display:none!important} body.b2b .product-buy.hidden {display:block!important} body.b2b .product-buy.alwayshidden {display:none!important} .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;width:100%} .imgfade:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);} .leftmenu {display:none} .favpopup {text-align:center} .favpopup a{text-decoration:underline} .Description_Productinfo ul {padding:0 40px} .webshop-frontpage .soldout {display:none} .cookie {z-index:99999;transform: scale(1);transform-origin: bottom left;transition: all .3s ease;display:flex;justify-content: center;align-items: center;position:fixed;bottom:0px;left:0px;cursor:pointer;background:#f2f2f2;padding:10px} .cookie:hover {transform: scale(1.1);} @media (max-width: 999px) { h1 {font-size: 24px;margin:0 0 15px 0} h2 {font-size: 20px;} h3 {font-size: 24px;} .container {width:100%;max-width:100%} .padding {padding:5px} .head {font-size:16px} .hidden-xs,.hidden-sm {display: none;} article {max-width:100%} article > .content {padding:5px} } @media (min-width: 1000px) { .product-list {margin:0 -10px} article {position:relative;padding-bottom:70px} /*vareliste top billede*/ html.prductlist-top body > img {padding-top:160px} html.prductlist-top .sticky >img {padding-top:100px} html.prductlist-top article {padding-top:0} } /*sticky*/ @media(min-width:1000px) { body.sticky .fixed {top: 0;position: fixed;width:100%;z-index:999} body.sticky .fixed header {height:80px} body.sticky .fixed header #fav span, body.sticky .fixed header #soeg span, body.sticky .fixed header #basket span, body.sticky .fixed header #login span {display:none} body.sticky .fixed header #totalproducts {top:-65px} body.sticky article {padding-top:100px} body.sticky header #basket .basketdropdown {top:70px} } section.search {display:none} header #profile {position:absolute;z-index:9;font-size:13px;padding-top:5px;width:75%;text-align:center;padding-left:15%} header #profile > a:first-child{text-decoration: underline} header #profile > a:last-child{color:rgb(183,101,101)} .popupsavedbasket > div {display:flex;flex-direction: column;align-items: center;justify-content: center} .popupsavedbasket > div span {margin:0 10px} .popupsavedbasket > div span#nothanks {background:#acacac;color:#000} /*------------------header & nav start--------------------*/ @media (min-width: 1000px) { .resmenu {display:none!important} #resmenu {display:none!important} /* header #login {width:120px;background:url('/images/skins/dandodesign/media/icon-login.png?1') no-repeat top 40% center;right:0;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #login span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top:70%;display:block} header #login:hover span {color:#000;} header #soeg {width:120px;background:url('/images/skins/dandodesign/media/icon-soeg.png?1') no-repeat top 40% center;right:240px;border-left:1px solid #dcdcdc;text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #soeg span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top:70%;display:block} header #soeg:hover span {color:#000;} header #basket {width:120px;background:url('/images/skins/dandodesign/media/icon-indkoebskurv.png?2') no-repeat top 40% center;right:120px;border-left:1px solid #dcdcdc;text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #basket #totalproducts {border:2px solid #fff;background:#111;color:#fff;min-width:24px;height:24px;display:block;line-height:22px;text-align: center;border-radius:10px;position:absolute;right:20px;z-index:9;top:-50px;font-size:10px;font-weight:bold;padding:0 3px} header #basket span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top:70%;display:block;} header #basket .basketdropdown span {margin:0;color: #000;display: inline-block;font-size:13px!important} header #basket:hover span {color:#000;} */ header #login {width: 80px;background:url('/images/skins/dandodesign/media/icon-login.png?1') no-repeat top 40% center;right:0;/* border-left:1px solid #dcdcdc; *//* border-right:1px solid #dcdcdc; */text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #login span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top: 100%;display:block} header #login:hover span {color:#000;} header #basket {width: 80px;background:url('/images/skins/dandodesign/media/icon-indkoebskurv.png?2') no-repeat top 40% center;right: 80px;/* border-left:1px solid #dcdcdc; */text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #basket #totalproducts {border:2px solid #fff;background:#111;color:#fff;min-width:24px;height:24px;display:block;line-height:22px;text-align: center;border-radius: 50%;position:absolute;right: 5px;z-index:9;top: -60px;font-size:10px;font-weight:bold;padding:0 3px} header #basket span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top: 100%;display:block;} header #basket .basketdropdown span {margin:0;color: #000;display: inline-block;font-size:13px!important} header #basket:hover span {color:#000;} header #soeg {width: 80px;background:url('/images/skins/dandodesign/media/icon-soeg.png?1') no-repeat top 40% center;right: 160px;/* border-left:1px solid #dcdcdc; */text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #soeg span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top: 100%;display:block} header #soeg:hover span {color:#000;} body:not(.b2b) #fav {display:none} header #fav {width: 80px;right: 240px;/* border-left:1px solid #dcdcdc; */text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 0;} header #fav i {font-size:38px;position:absolute;top: 30%;color:#949494;width:38px;left:0;right:0;margin: 0px auto;} header #fav #totalproducts {border:2px solid #fff;background:#111;color:#fff;min-width:24px;height:24px;display:block;line-height:22px;text-align: center;border-radius: 50%;position:absolute;right: 5px;z-index:9;top: -60px;font-size:10px;font-weight:bold;padding:0 3px} header #fav span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#909090;margin-top: 100%;display:block;} header #fav:hover span {color:#000;} header {position:relative;height:125px;background:#f5f5f5;border-bottom:1px solid #dcdcdc} header>section {height:100%} header .WebShopSkinLogo {max-height:90%;position: absolute;top: 0;bottom: 0;margin: auto 0;left: 0;right: 0;} section.search #Search_Form {width:100%;position:relative} section.search #Search_Form .SearchTitle_SearchPage {display:none;} section.search #Search_Form .SearchField_SearchPage {height:45px;width:100%;padding:0 0 0 25px; border:0;background:#f2f2f2;border:1px solid #000;color:#000} section.search #Search_Form .SubmitButton_SearchPage {z-index:1;background:url('/images/skins/dandodesign/media/icon-soeg.png') no-repeat center center;border:0;font-weight:normal;color:transparent;position: absolute;top: 15px;right: -10px;bottom: 0px;padding: 0 25px;outline: 0;} section.search #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:13px;visibility: hidden;opacity: 0;top:100px;right:0;padding:15px;width: 400px;position:absolute;background:#eeeeee;border:1px solid rgba(0,0,0,0.2);} header #basket .basketdropdown b {font-size:18px;margin-bottom:10px;display:block;} header #basket .basketdropdown .ProductContainer {overflow:hidden;padding:5px 0} 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: 250px;} 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 0} header #basket .basketdropdown .ButtonContainer a:first-child {float:left} header #basket .basketdropdown .ButtonContainer a:last-child {float:right} header #basket .basketdropdown .ShippingContainer {background: #f7d61c; border-radius: 5px;font-size:13px;text-align:center;padding:10px 0} header #basket .basketdropdown .ShippingContainer span {font-weight:bold} header #basket .basketdropdown .ProductContainerTotalPrice a {font-size:10px;color: #10a54f;text-decoration:underline;margin-left:10px;} /*nav*/ .sticky .ProductmenuContainer_DIV {padding-top:20px} .ProductmenuContainer_DIV {width:60%;margin-left: 10%;padding-top: 40px;} #ProductMenu_List {width:100%;list-style: none;/* position:absolute; */height:40px;display:flex;flex-direction: row;top: 0;bottom: 0;margin: auto;left:0;right: 0;margin-left:0;} #ProductMenu_List li.RootCategory_Productmenu {flex-grow:1;text-align: center;/* position:relative */} #ProductMenu_List li.RootCategory_Productmenu > a {line-height:40px;font-size:18px;font-weight:500;color:#000;display:block} #ProductMenu_List li.RootCategory_Productmenu > a span {font-weight:500!important} /*topmenu dropdown*/ #ProductMenu_List ul {list-style: none} #ProductMenu_List .RootCategory_Productmenu > .dropdown {z-index: 999;/* top:40px; */transition: all .2s ease .1s;margin-top:10px;background:#fff;box-shadow: 0px 0px 20px 0px #595959;position: absolute;/* width: 1400px; */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;-webkit-columns: 5;-moz-columns: 5;columns: 5;padding-bottom: 50px;/* display: flex; *//* flex-wrap: wrap; *//* max-width: 1400px; *//* column-gap: 50px; */} #ProductMenu_List .RootCategory_Productmenu:hover > .dropdown {opacity: 1;visibility: visible;} #ProductMenu_List .RootCategory_Productmenu > .dropdown > li {padding:5px} #ProductMenu_List .RootCategory_Productmenu li.SubCategory1_Productmenu {vertical-align: top;page-break-inside: avoid;break-inside: avoid-column;/* display: flex; *//* flex-wrap: nowrap; */} #ProductMenu_List .RootCategory_Productmenu .CategoryLink1_Productmenu {display:block;padding: 15px 0 5px 0px;} #ProductMenu_List .RootCategory_Productmenu .SubCategory1_Productmenu a:hover {text-decoration: underline!important} #ProductMenu_List .RootCategory_Productmenu .CategoryLink2_Productmenu {/* padding:2px 0 2px 10px; */} #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu, #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu a{font-size:13px;font-weight: normal;} #ProductMenu_List .RootCategory_Productmenu .SubCategory2_Productmenu:last-child {border-bottom:0px} #ProductMenu_List .RootCategory_Productmenu li.SubCategory2_Productmenu > .dropdown {display:none} } @media (min-width: 1000px) and (max-width: 1400px) { #ProductMenu_List .RootCategory_Productmenu > .dropdown {-webkit-columns: 4;-moz-columns: 4;columns: 4} } @media (min-width: 1000px) and (max-width: 1300px) { #ProductmenuContainer_DIV {width: 60%;margin-left: 15%;padding-top: 40px;} #ProductMenu_List .RootCategory_Productmenu > .dropdown {-webkit-columns: 3;-moz-columns: 3;columns: 3} header>section {max-width:100%} header #login {border-right:0px} header .WebShopSkinLogo {left:10px} } @media (max-width: 999px) { header #profile {font-size:10px;width:200px;padding-left:0px;margin:0px auto;left:70px;right:200px} .ProductmenuContainer_DIV {display:none} header {position:relative;height:70px;border-bottom:1px solid #dcdcdc} header #soeg {display:none} header > section {height:100%} header .WebShopSkinLogo {max-height:80%; position:absolute; top: 5px} header #resmenu {right:0px;text-align:center;font-size:25px;position:absolute;top:10px;width:35px;height:35px;color: #4c4c4c;line-height: 35px;border-radius: 3px;cursor:pointer;/* border: 1px solid; */} header #resmenu:after {content:'MENU';position:absolute;left:2px;top:20px;font-size:10px;font-weight:600;color: #4c4c4c;} header #login {background: url('/images/skins/dandodesign/media/icon-login.png?1') no-repeat center;background-size:22px;right: 40px;text-align:center;position:absolute;color:#444444;top: 10px;height: 35px;/* border: 1px solid; */} header #login span {text-transform: uppercase;font-size:10px;font-weight:bold;color: #4c4c4c;margin-top: 30px;display:block} header #basket {background: url('/images/skins/dandodesign/media/icon-indkoebskurv.png?1') no-repeat center;background-size:21px;right: 115px;text-align:center;position:absolute;color: #4c4c4c;top: 10px;height: 35px;} header #basket span {text-transform: uppercase;font-size:10px;font-weight:bold;color: #4c4c4c;margin-top: 30px;display:block} header #basket #totalproducts {padding:0 3px;border:2px solid #fff;background:#111;color:#fff;min-width:20px;height:20px;display:block;line-height:16px;text-align: center;border-radius:5px;position:absolute;right:-5px;z-index:9;top: -35px;font-size:8px;font-weight:bold} header #fav {right: 165px;/* border-left:1px solid #dcdcdc; */text-align:center;height:100%;position:absolute;cursor:pointer;color:#444444;top: 10px;height: 35px;} header #fav i {font-size: 24px;position:absolute;top: 5px;color:#949494;width:38px;left:0;right:0;margin: 0px auto;} header #fav #totalproducts {padding:0 3px;border:2px solid #fff;background:#111;color:#fff;min-width:20px;height:20px;display:block;line-height:16px;text-align: center;border-radius:5px;position:absolute;right: -2px;z-index:9;top: -35px;font-size:8px;font-weight:bold} header #fav span {text-transform: uppercase;font-size:10px;font-weight:bold;color:#4c4c4c;margin-top: 30px;display:block;} header #fav:hover span {color:#000;} /*responsive dropdown menu*/ .resmenu .Heading_Productmenu {display:none} .resmenu {background:#e4e4e4;width:100%;z-index:99; box-shadow: 0px 0px 20px 0px #595959;} .resmenu a {padding-left:10px;font-size:15px} .resmenu .dropdown {padding-left:20px} .resmenu > ul > li {line-height:30px;border-bottom:1px solid #fff} .resmenu > ul > li li {border-top:1px solid #fff} .resmenu > ul > li:last-child {border-bottom:0px} .resmenu .CategoryLink0_Productmenu,.resmenu .CategoryLink0_Productmenu span{line-height:35px;font-weight:bold!important} .resmenu ul {list-style:none} .resmenu .ProductMenu_MenuItemBold {font-weight:normal} .resmenu a {display:block;} .resmenu .RootCategory_Productmenu,.resmenu .RootCategory_Productmenu span{font-weight:normal} .resmenu .dropdown {display:none} .resmenu .dropdown * {font-weight:normal!important;line-height:35px} .resmenu li {position:relative} .resmenu .plus {cursor:pointer;font-size:28px;font-weight:normal!important;position: absolute;right:0px;width:100px;text-align:center;top:0;margin-top:5px } #Search_Form {position:relative;margin:0 10px!important;padding-top:10px} #Search_Form:after{content:'\f002 ';font-family:FontAwesome;font-size:16px;position:absolute;color:#000;top:15px;right:5px;height:32px;width:32px;line-height:32px;text-align:center} #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;} #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;} #Search_Form .nbsp, #Search_Form .SearchTitle_SearchPage, #Search_Form br {display:none} } /*------------------header end--------------------*/ /*------------------topline start--------------------*/ section.topline {overflow:hidden;height:40px;line-height:40px;border-bottom:1px solid #f2f2f2;color:#000} section.topline > ul {list-style: none} section.topline > ul > li:last-child{padding-right:0} section.topline > ul > li{color:#959595;background:url('/images/skins/dandodesign/media/icon-check.png') no-repeat left center;padding-left:20px;font-size:13px;float:left;margin-right:35px} section.topline > ul > li:last-child {float:right;background:none;padding:0px;margin:0px} section.topline > ul > li:last-child span#phone, section.topline > ul > li:last-child a {font-weight:bold;color:#959595} @media (max-width: 1300px) { section.topline > ul > li:nth-child(4) {display:none} } @media (max-width: 1100px) { section.topline > ul > li:nth-child(3) {display:none} } @media (max-width: 910px) { section.topline > ul > li:last-child .hidden-xs {display:none} } @media (max-width: 879px) { section.topline > ul > li:nth-child(2) {display:none} section.topline ul {padding:0px;list-style:none;position:relative;margin:0px auto} section.topline {height:20px;line-height:20px} section.topline > ul > li {font-size:9px;} } /*------------------topline end--------------------*/ /*------------------b2b start--------------------*/ body.b2b nav .TopMenu_MenuItems > li:last-child a {color:#e03325} form[action="/shop/addb2b.html"] table table td {padding:5px 5px 5px 0px} form[action="/shop/addb2b.html"] table table input,form[action="/shop/addb2b.html"] table table select {height:25px;padding-left:10px} form[action="/shop/addb2b.html"] table table textarea {padding:10px} form[action="/shop/addb2b.html"] table table input[type="submit"] {height:auto;padding:5px 20px} form[action="/shop/addb2b.html"] {margin:0px auto;text-align: center} form[action="/shop/addb2b.html"] table {display:inline-block;text-align:left} .webshop-b2blogin .content {text-align:center;margin:0px auto} .webshop-b2blogin .Heading_B2Blogin {font-size: 28px;margin:0 0 15px 0;font-weight:bold} .webshop-b2blogin .content > div > form > div {text-align:center;margin:0px auto} .webshop-b2blogin .content > div > form > div > table {display:inline-block;margin-top:30px} .webshop-b2blogin td[width="100"], .webshop-b2blogin td[width="200"] {padding:7px 0} .webshop-b2blogin td[width="100"] input, .webshop-b2blogin td[width="200"] input {border:1px solid gray;padding-left:10px;height:30px} .webshop-b2blogin .SubmitButton_B2Blogin {padding:5px 15px!important;height:30px;border:0px!important} .webshop-b2blogin form[action="/shop/addb2b.html"] td[width="70%"] > table > tbody > tr:first-child {display:none} /*------------------b2b end--------------------*/ /*------------------forside start--------------------*/ @media (min-width: 880px) { .webshop-frontpage article {width:100%;max-width:100%} .webshop-frontpage article .content {margin:0px} } @media (max-width: 879px) { } b.bighead {color:#919191;margin:70px 0 35px;display:block;text-align:center;font-size:24px;font-weight:400;} @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:71.5%} .webshop-frontpage .slider .row .right {width:26.4%} .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} } section.kategori ul {list-style: none;margin:0 -10px;position:relative;overflow:hidden} section.kategori li {float:left;width:calc(20% - 20px);text-align:center;margin:0 10px} section.kategori li:hover > a {color:#000} section.kategori li img {width:100%} section.kategori li > a {font-size:18px;color:#919191;margin-top:20px;display: block;font-weight:600} @media (max-width: 879px) { section.kategori ul {margin:2.5px -2.5px} section.kategori b.bighead {display:none} section.kategori li {width:calc(50% - 5px);margin:2.5px;padding:0px} section.kategori li {position: relative} section.kategori li > a {position:absolute;font-size:40px;color:#fff;top: 50%;transform: translateY(-50%);left:0;right:0} } .webshop-frontpage .color {display:flex;list-style: none;flex-direction: row;column-gap: 50px;flex-wrap: wrap;justify-content: center} .webshop-frontpage .color li {width:20%;margin-bottom:50px} .webshop-frontpage .color img {width:100%;} @media(max-width:1280px) { .webshop-frontpage .color {column-gap: 30px} .webshop-frontpage .color li {width:45%;margin-bottom:30px} } section.kategorisub {margin:100px 0} section.kategorisub ul {list-style: none;margin:0 -10px;position:relative;overflow:hidden} section.kategorisub li {float:left;width:calc(25% - 20px);text-align:center;margin:0 10px} section.kategorisub li:hover > a {color:#000} section.kategorisub li > a {font-size:18px;color:#919191;margin-top:20px;display: block;font-weight:600} @media (max-width: 879px) { section.kategorisub {margin:30px 0} section.kategorisub ul {margin:2.5px -2.5px} section.kategorisub b.bighead {display:none} section.kategorisub li {width:calc(50% - 5px);margin:2.5px;padding:20px} section.kategorisub li {position: relative} } section.billeder ul {padding:0 20px} section.billeder .row {padding:60px} section.billeder .left {width:45%} section.billeder .right {width:50%} section.billeder h1 {margin-top:30px;font-weight:400;font-size:28px;} @media (max-width: 879px) { section.billeder .row {padding:20px} section.billeder h1 {font-size:18px} section.billeder .left {width:100%} section.billeder .right {width:100%} } /*2022*/ .webshop-frontpage .slide {cursor:pointer} .webshop-frontpage .slide img {width:100%} .webshop-frontpage .slide .nivo-dynamic-text-inner-content {width:100%;display:grid;align-items: center;height:100%;width:100%} .webshop-frontpage .slide .nivo-dynamic-text {width:100%;align-items: center;height:100%;width:100%;color:#fff;text-align: center} .webshop-frontpage .slide .nivo-dynamic-text-header {font-weight:bold;font-size:20px} .webshop-frontpage .slide .nivo-dynamic-text-teaser {font-weight:bold;font-size:40px;margin-top:10px} .webshop-frontpage .slide .nivo-dynamic-text-link {font-weight:bold;margin-top:20px;border:1px solid #fff;border-radius:0px;display:inline-block;padding:10px 20px;transition: all .3s ease;text-transform: uppercase;background:#fff;color:#000;cursor:pointer} /*.webshop-frontpage .slide:hover .nivo-dynamic-text-link {background:#111;color:#fff}*/ @media(max-width:680px) { .webshop-frontpage .slide .nivo-dynamic-text-header {font-weight:bold;font-size:14px} .webshop-frontpage .slide .nivo-dynamic-text-teaser {font-weight:bold;font-size:20px;margin-top:0px} .webshop-frontpage .slide .nivo-dynamic-text-link {margin-top:10px;padding:5px 10px} } .gallery {display:flex;list-style: none;flex-direction: row;column-gap: 30px;margin-bottom:70px;justify-content: center} .webshop-frontpage .gallery li {width:33%} .webshop-productlist .gallery li {width:50%} .gallery li .imgname {text-align: center;font-size:18px;font-weight: bold;margin-top:10px} .gallery li .imgname a {color:#919191} .gallery li:hover .imgname a, .webshop-frontpage .gallery li .imgname a:hover {color:#111} .gallery img {width:100%;} @media(max-width:880px) { .gallery {flex-direction: column;align-items:center} .gallery li {margin-bottom:20px} } ul.gallery.fairs li:first-child {width:25%} ul.gallery.fairs li:last-child {width:75%} ul.gallery.fairs {border-bottom:1px solid #c2c2c2;padding:30px 0} @media(max-width:880px) { ul.gallery.fairs {flex-direction: column;align-items:flex-start;padding:30px} ul.gallery.fairs li:first-child {width:100%} ul.gallery.fairs li:last-child {width:100%} } /*------------------forside end--------------------*/ /*------------------produkt start--------------------*/ section.products {background:#f5f5f5;margin:40px 0;padding-bottom:70px} body div[class*="avingsImage_DIV"] {display:none} body div[class*="avingsText_DIV"]{color:#000;font-weight:bold;text-transform:uppercase;font-size:15px;padding:0;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} body div[class*="avingsContainer_DIV"]{background:#f7d61c;border-radius:40px;height:60px;width:60px;padding:0;line-height:15px;margin:5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.4)} .ProductInfo_Fancybox_IMG {width:100%} 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 .b2c .product-buy {display:none} .product-list>ul {display:flex;flex-wrap: wrap} .webshop-productinfo .product-list>ul {justify-content:center} .product-list>ul>li {border:1px solid #e2e2e2;background:#fff;display: inline-block;position: relative;float: none;vertical-align: top;box-sizing: border-box;margin: 10px;text-align: center} .product-list>ul>li:hover {border:1px solid #000} .product-list>ul>li:hover .product-name a {color:#000} .product {position:relative} .product-news {position:absolute;right:0px;z-index:9} .product-name {height:auto;padding:10px 10px 20px 10px;min-height:75px} .product-name a{font-size:16px;color:#909090;font-weight:600} .product-image {position:relative} .product-image:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;} .product-image img {max-height:100%;margin-top:15px} .product-pricecontainer{height:25px;overflow:hidden;width:80%;margin:0 10%;font-size:13px;font-weight:500;padding:3px 0} .product-pricecontainer .right{text-align:right} .product-unittext {color:#8d8d8d;margin-left:5px} .product-buy input[name="AMOUNT"] {/* display:none; */border: 1px solid #e3e3e3;border-radius: 5px;padding: 8px;text-align: center;font-size: 13px;} .product-buy {overflow:hidden;position:relative;padding:0 15px 15px 15px} .product-buy .product-amount-action select {border:1px solid #e3e3e3;padding:8px 0 8px 5px;border-radius:5px;text-align:left;font-size:13px;width:100%} .product-buy .product-amount-action {float:left;width: 50px;} .product-buy .product-buy-action {position:relative;/* height:45px; *//* margin-top:5px; */width: calc(100% - 60px);float: right;} .product-buy .product-buy-action .knap {width:100%;z-index:9;display:block} .product-buy .product-buy-action input[type="IMAGE"],.product-buy .product-buy-action img {outline:0;width:100%;height:100%;position:absolute;margin:0px;padding:0px;left:0;right:0;top:0;bottom:0} .product-buy .product-buy-action:hover .knap {opacity:0.8} .product-buy.minbuy .product-amount-action {width:160px} .product-buy.minbuy .product-buy-action {width:calc(100% - 170px)} .product-number {margin-bottom: 10px;color: #8d8d8d;} .product-variants {margin:20px 0} /*.product-variants > .stocks > a:first-child {border:1px solid #000;font-weight:bold}*/ .product-variants .fade {background:#F5F5F5;padding:5px 15px;display:inline-block;margin-right:5px;border:1px solid #c2c2c2} .product-variants .fadeactive {border:1px solid #000} .product-list>ul>li {width: calc(25% - 20px);} .product strike {margin-right:10px} @media (max-width: 1500px) { .product-list>ul>li {width: calc(33.33% - 20px)} } @media (max-width: 1100px) { .product-list>ul>li {width: calc(50% - 20px)} } @media (max-width: 879px) { .product-name a {font-size:13px} .product-list>ul>li {width: calc(50% - 10px);margin:5px} .product-buy.minbuy .product-amount-action {width:100%} .product-buy.minbuy .product-amount-action select {text-align: center} .product-buy.minbuy .product-buy-action {width:100%;margin-top:5px} } @media (max-width: 500px) { .product-list>ul>li {width: calc(100% - 10px);margin:5px} } .product .soldout {position:absolute;left:10%;top:10%;background:#000;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .listing .soldout {left:0;margin-top:20px;top: 5%;font-size: 10px;padding: 5px;right:auto} .product .outeta {position:absolute;left:10%;top:25%;z-index:9;background:#e2c164;color:#000;font-weight:bold;padding:10px 20px;text-transform: uppercase} .listing .outeta {left:0;margin-top:20px;top: 30%;font-size: 10px;padding: 5px;right:auto} .product .coomingsoon {position:absolute;right:10%;top:10%;z-index:9;background:#000;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .listing .coomingsoon {left:0;margin-top:20px;top: 5%;font-size: 10px;padding: 5px;right:auto} .product .sooneta {position:absolute;right:10%;top:25%;z-index:9;background:#e2c164;color:#000;font-weight:bold;padding:10px 20px;text-transform: uppercase} .listing .sooneta {left:0;margin-top:20px;top: 30%;font-size: 10px;padding: 5px;right:auto} .product .restocked {position:absolute;right:10%;top:10%;z-index:9;background:#007C89;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .listing .restocked {left:0;margin-top:20px;top: 5%;font-size: 10px;padding: 5px;right:auto} /*liste visning*/ .webshop-productlist .product-list ul.listing .product {text-align:left;overflow:hidden;} .webshop-productlist .product-list ul.listing li, .webshop-productlist .product-list ul.Favorites_Custom_UL li {width:100%;padding:2px;border:1px solid #e9e9e9;margin:5px} .webshop-productlist .product-list ul.listing .product-image {float:left;height:120px;width:120px;position:relative} .webshop-productlist .product-list ul.listing .product-name {height:auto;position:absolute;margin:25px 0 0 130px;padding:0} .webshop-productlist .product-list ul.listing .product-text {display:none} .webshop-productlist .product-list ul.listing .product-image img {max-height:100%} .webshop-productlist .product-list ul.listing .product-price {margin:60px 0 20px 130px;padding:0;width:50%} .webshop-productlist .product-list ul.listing .product-price .product-pricecontainer {margin:0px;width:auto} .webshop-productlist .product-list ul.listing .product-price .product-pricecontainer .left {padding-right:50px;width:100px} .webshop-productlist .product-list ul.listing .product-price .product-pricecontainer .right {float:left} .webshop-productlist .product-list ul.listing .product-price .currency {font-size:14px;font-weight:500} .webshop-productlist .product-list ul.listing .advanced-variants {position:absolute;margin-left:100px;width:auto} .webshop-productlist .product-list ul.listing .Element_Overlay_ProdList_SavingsContainer_DIV {width:35px;height:35px;left:0} .webshop-productlist .product-list ul.listing .Element_Overlay_ProdList_SavingsText_DIV {font-size:10px;line-height:10px} .webshop-productlist .product-list ul.listing .product-buy {padding:0;margin-left:130px;width:250px} .webshop-productlist .product-list ul.listing .product .fav {top:6px;right:-25px} .webshop-productlist .product-list ul.listing .product-variants, .webshop-productlist .product-list ul.listing .product-number {margin-left:130px} .listing .product-number {margin-left:130px} @media (max-width: 879px) { .webshop-productlist .product-list ul.listing .product-buy {position:relative;left:0;top:0} } .webshop-favorites .product form {display: none} .webshop-favorites .product .knap {display: block;margin:0 15px 15px 15px;padding:8px 20px!important} /*------------------produkt end--------------------*/ /*------------------favorit start--------------------*/ .webshop-favorites article .content > div > a.knap {position: absolute;right:0;top:0px} @media(max-width:899px) { .webshop-favorites article .content > div > a.knap {right:10px} } @media(max-width:450px) { .webshop-favorites article .content > div > a.knap {padding:3px 7px ;font-size:10px} } .webshop-favorites h1 {margin-top:20px} .webshop-favorites .product-buy .product-buy-action {width:100%!important} .webshop-favorites .FormTB {display:none} /*------------------favorit end--------------------*/ /*------------------vareliste start--------------------*/ .webshop-productlist .CategoryFooterContent {padding-top:30px} .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 {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 10px;} .webshop-productlist .paging {margin:20px } .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:13px;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} .webshop-productlist .row {position:relative;overflow:hidden} .webshop-productlist .row {text-align:right;height:30px} .webshop-productlist .row .found {float:right;line-height:30px;margin-right:40px} .webshop-productlist .row .sort {float:right;line-height:30px} .webshop-productlist .row .sort select {background:transparent;border:0px;outline:0;cursor:pointer} .webshop-productlist .row .layoutlist {float:right;list-style:none} .webshop-productlist .row .layoutlist li {float:left;text-align:center;cursor:pointer;margin-left:15px} .webshop-productlist .row .layoutlist li:first-child {margin-left:30px} .webshop-productlist .row .layoutlist li span {display:block;font-size:11px} /*------------------vareliste end--------------------*/ /*------------------varekort start--------------------*/ .webshop-productinfo .soldout {position:absolute;left:10%;top:10%;background:#000;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .webshop-productinfo .outeta {position:absolute;left:10%;top:20%;background:#e2c164;color:#000;font-weight:bold;padding:10px 20px;text-transform: uppercase} .webshop-productinfo .coomingsoon {position:absolute;right:10%;top:10%;background:#000;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .webshop-productinfo .sooneta {position: absolute;right: 10%;top: 20%;background: #e2c164;color: #000;font-weight: bold;padding: 10px 20px;text-transform: uppercase;} .webshop-productinfo .restocked {position:absolute;right:10%;top:10%;background:#007C89;color:#fff;font-weight:bold;padding:10px 20px;text-transform: uppercase} .webshop-productinfo .notice {background: #007C89;color:#fff;text-align: center;font-weight: bold;cursor:pointer;padding:5px 10px;display:inline-block;border-radius:3px} .webshop-productinfo .noticeenabled {background: #e2c164;color:#111;text-align: center;font-weight: bold;cursor:pointer; padding:5px 10px;display:inline-block;border-radius:3px} .webshop-productinfo .noticeclicked {background: #f3efe8;color:#111;text-align: center;font-weight: bold;padding:5px 10px;display:inline-block;border-radius:3px} .webshop-productinfo .notice:hover, .webshop-productinfo .noticeenabled:hover, .webshop-productinfo .noticeclicked:hover {text-decoration:none;opacity: 0.8;} .webshop-productinfo article {max-width:100%;width:100%} .webshop-productinfo h1 {margin-top:15px} .webshop-productinfo .content {margin-top:0px} .webshop-productinfo .productimage {position:relative} .webshop-productinfo .productimage div[class*="avingsContainer_DIV"] {height:70px;width:70px} .webshop-productinfo .productimage div[class*="avingsText_DIV"] {font-size:18px!important} .webshop-productinfo .specialoffer h1:after {content:'TILBUD';font-weight:bold;font-size:24px;background:#B1A35D;color:#000;padding:2px 7px;margin-left:30px} .webshop-productinfo .specialoffer h1 {font-size:28px;margin-top:30px} .webshop-productinfo .Description_Productinfo ul {padding:0 40px} /*info*/ .webshop-productinfo .stock {border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:10px 0;margin:20px 0} .webshop-productinfo .stock:before {margin-right:5px;font-family:fontawesome;content:'\f111';color:#10a54f;} .webshop-productinfo .stock > span a {text-decoration: underline} .webshop-productinfo .stock img {margin:0 5px} .webshop-productinfo .teaser {margin:50px 0 20px 0} .webshop-productinfo .number {margin-bottom:10px;color:#8d8d8d} .webshop-productinfo .retail {margin-bottom:10px;color:#8d8d8d} .webshop-productinfo .stockmsg {background:#eecdcd;display:inline-block;padding:15px 15px 0 15px} .webshop-productinfo .stockmsg {margin-top:10px} .webshop-productinfo .stockmsg * {font-weight: bold} /*variants*/ .webshop-productinfo .variants {display:none} .webshop-productinfo .variants .VariantGroupLabel {font-weight:bold;font-family: 'Muli', serif!important;margin-top:20px;display:block;font-size:14px!important} .webshop-productinfo .variants .VariantGroup td[rowspan="3"] {display:none} /* .webshop-productinfo .VariantGroup {width:calc(100% - 40px)} .webshop-productinfo .variants .VariantGroupLabel {font-family:'Muli', serif;font-size:14px} .webshop-productinfo .variants td[rowspan="3"] {display:none} .webshop-productinfo .variants .popuplink {position:absolute;right:0} .webshop-productinfo .variants .popuplink .fa {font-size:26px;margin-top:14px} .webshop-productinfo .variants .TextInputField_ProductInfo {margin-bottom:10px;padding-left:10px;border:1px solid rgb(221,220,220);line-height:30px;width:150px;margin-right:5px;background:#F2F2F2} .webshop-productinfo .variants .errstr {display:none} .webshop-productinfo .variants .errstr span {font-size: 13px;background: #fee4a6;padding: 5px;color:#795600;font-weight: bold;} .webshop-productinfo .variants .VariantGroupLabel .errstr:nth-child(1) {display:block;margin:10px 0 5px 0} .webshop-productinfo .variants .FieldError {background:#e0b3b3;-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;} .webshop-productinfo .variants select {height:50px;outline:0;margin-bottom:15px;border:0px;padding:0 30px;-webkit-appearance: none;background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 20px #f2f2f2;width:100%} */ .webshop-productinfo .variants .VariantDiv {margin:10px 0} .webshop-productinfo .variants .VariantDiv {background:#F5F5F5;padding:5px 15px;display:inline-block;margin-right:5px;border:1px solid #c2c2c2} .webshop-productinfo .variants .VariantDivSelected {border:1px solid #000;font-weight:bold} /*buybox*/ .webshop-productinfo .price .product-pricecontainer {width:300px;margin:0} .webshop-productinfo .price .product-pricecontainer strike {margin-right:10px} @media (max-width: 879px) { .webshop-productinfo .price .product-pricecontainer {width:100%} } .webshop-productinfo .amountWrapper select {border:1px solid #e3e3e3;padding:8px;border-radius:5px;text-align:center;font-size:13px;margin:15px 0 5px 0;width:100%} .webshop-productinfo .amountWrapper input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{display:none} .webshop-productinfo .buyWrapper{margin-top:20px;position:relative;height:50px;font-size:18px;line-height:50px;text-align:center;border-radius:0px;} .webshop-productinfo .buyWrapper .buyWrapperHeadline {padding:0px;line-height:50px;display:block;width:100%;height:100%;} .webshop-productinfo .buyWrapper input{cursor:pointer;position:absolute;width:100%;height:100%;z-index:2;left:0;top:0;opacity:0} .webshop-productinfo .amountWrapper {margin:20px 0} .webshop-productinfo .amountWrapper input {width:70px;border-radius:2px;border:1px solid #c2c2c2;outline:none;text-align:center;margin-left:10px} .webshop-productinfo .specialoffer .buybox .price .price-before {text-decoration: line-through;color:#959595;font-size:18px} .webshop-productinfo .specialoffer .buybox .price .price-before:before {content:'Normalpris ';} /* .webshop-productinfo .buy > div {position:relative;overflow:hidden;margin-top:20px} .webshop-productinfo .amountWrapper {float:left;width:150px;height:50px;position:relative;} .webshop-productinfo .amountWrapper .amountWrapperHeadline {display:none} .webshop-productinfo .amountWrapper input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{display:none} .webshop-productinfo .amountWrapper input {border-radius:0px;-webkit-appearance: none;margin-left:40px;height:50px;text-align:center;width:60px;border:0px;background:#f2f2f2} .webshop-productinfo .amountWrapper .dec {border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;position:absolute;top:0;left:0;height:50px;background:#f2f2f2;width:40px;line-height:50px;text-align:center;font-size:30px} .webshop-productinfo .amountWrapper .inc {border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor:pointer;position:absolute;top:0;right:0;height:50px;background:#f2f2f2;width:50px;line-height:50px;text-align:center;font-size:25px} .webshop-productinfo .buyWrapper{float:right;width:calc(100% - 170px);position:relative;height:50px;font-size:18px;line-height:50px;text-align:center;border-radius:0px;} .webshop-productinfo .buyWrapper .buyWrapperHeadline {padding:0px;line-height:50px;display:block;width:100%;height:100%;} .webshop-productinfo .buyWrapper input{cursor:pointer;position:absolute;width:100%;height:100%;z-index:2;left:0;top:0;opacity:0} */ @media (min-width: 880px) { .webshop-productinfo .container-fluid {overflow:hidden} .webshop-productinfo .col-thumb {width:10%;float:left;margin-top:0px;position:absolute;} .webshop-productinfo .col-thumb img {width:100%!important;margin-bottom:10px} .webshop-productinfo .col-image {margin-left: 12%;width:45%;float:left;text-align:center;} .webshop-productinfo .col-info {width:41%;float:right} } @media (max-width: 879px) { .webshop-productinfo .col-thumb {text-align: center} .webshop-productinfo .col-thumb a {margin:0 5px} .webshop-productinfo .col-info {padding:0 10px} } /*------------------varekort end--------------------*/ /*------------------subcat start--------------------*/ .SubCats_Categories_UL {position:relative;overflow: hidden; margin:20px -5px} .SubCats_Categories_UL li {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:250px;max-width:250px} .SubCats_Categories_UL li .subcat-name a {background-color:#ebebeb;text-decoration:none;padding:7px 0;} .SubCats_Categories_UL li:hover .subcat-name a {background-color:#c4c4c4;color:#FFFFFF;} .SubCats_Categories_UL li:last-child {display:none} @media (min-width: 880px) { .SubCats_Categories_UL li {width: calc(20% - 10px)!important} } @media (max-width: 1200px) { .SubCats_Categories_UL li {width: calc(33.33% - 10px)!important} } @media (max-width: 879px) { .SubCats_Categories_UL li {width: calc(50% - 10px)!important} } @media (max-width: 500px) { .SubCats_Categories_UL li .subcat-name {height:50px;background-color:#ebebeb} } /*------------------subcat end--------------------*/ /*------------------breadcrumbs start--------------------*/ .breadcrumb br {display:none} .breadcrumb * {font-size:13px} .breadcrumb {padding:20px 0} .breadcrumb a {margin:0px 5px} .breadcrumb a[href="/"] {margin-left:0px} .breadcrumb a.BreadCrumbLink_Active {color:#949494!important} /*------------------breadcrumbs end--------------------*/ /*------------------footer start--------------------*/ footer {background:#f5f5f5;border-top:1px solid #d5d5d5} footer b.head {display:block;margin-bottom:25px;font-size:24px;color:#919191;font-weight:400} footer .list_link li {list-style:none;margin-bottom:10px} footer .list_link a {display:block} @media (max-width: 879px) { footer {overflow:hidden;padding:0} footer b.head {font-size:18px;margin:30px 0 10px 0} footer>section>ul {list-style-type: none;padding:0 20px} footer > section>ul > li {padding-bottom:10px} footer > section >ul > li {float:none;width: 100%;text-align:none} } @media (min-width: 880px) { footer {overflow:hidden;} footer > section {padding:50px 0 60px 0;margin:0px auto;text-align:center} footer>section>ul {padding: 0;list-style-type: none;overflow:hidden;margin: 0 10%;} footer > section >ul > li {float:left;width: 33%;text-align:left} } /*credits*/ footer .credits {padding:10px 0;background:#f5f5f5;font-size:13px;text-align:center;border-top:1px solid #dcdcdc;color:#909090} footer .credits img {width:70px;margin:10px 0} footer .credits small a {color:#909090;display:block;margin:10px 0} @media (max-width: 879px) { footer .credits section .left, footer .credits section .right {float:none;width:100%;text-align:center!important;margin:10px 0} } /*------------------footer end--------------------*/ /*------------------default pages start--------------------*/ .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_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 .ShowBasket_Price_Before_Special_Offer {color:#b0b0b0;padding-right:5px} .webshop-showbasket .freeGift {background: #a08b73;color: #fff;text-align: center;font-weight: bold;padding: 5px 10px;border-radius: 3px;margin-bottom:20px} .webshop-showbasket .freeGift a, .webshop-showbasket .freeGift a:hover {text-decoration: underline;color:#fff!important} .webshop-showbasket .freeGiftInfo {background: #a9a9a9;color: #fff;text-align: center;font-weight: bold;padding: 2px 10px;margin-bottom:30px} .webshop-showbasket .freeGiftInfo a, .webshop-showbasket .freeGiftInfo a:hover {text-decoration: underline;color:#fff!important} .webshop-showbasket select[name="package"] {background-color:#e2c164} .webshop-showbasket select[name="package"].fill {background-color:#007C89;color:#fff} .webshop-showbasket select[name="package"].error {background-color:#e2c164} .webshop-showbasket .shippingrules {position: relative;overflow: hidden} .webshop-showbasket .shippingrules > div {border:1px solid rgb(207,207,207);float:right;width:40%;margin-top:10px} .webshop-showbasket .shippingrules > div > div {background:#fafafa;padding:7px 20px;font-size:13px} .webshop-showbasket .shippingrules > div > div:first-child {background: #fff} .webshop-showbasket .shippingrules > div > div > span:first-child {width:50%;display:inline-block} .webshop-showbasket .shippingrules > div > div > span:last-child {width:50%;display:inline-block;text-align: right} .webshop-showbasket .shippingrules > div > div.bold {font-weight:bold;font-size:16px} @media(max-width:879px) { .webshop-showbasket .shippingrules > div {width:100%} } /*showbasket*/ .webshop-showbasket-empty .shippingrules, .webshop-showbasket-empty .baskethead, .webshop-showbasket-empty .basketusp, .webshop-showbasket-empty .rowprice, .webshop-showbasket-empty .basketlinks, .webshop-showbasket-empty .product-list, .webshop-showbasket-empty .ShowBasket_Custom_DIV, .webshop-showbasket-empty .baskettotals, .webshop-showbasket-empty .basketactions, .webshop-showbasket-empty .basketcards, .webshop-showbasket-empty .basketusp {display:none!important} .webshop-showbasket-empty .showbasketempty {display:block!important;text-align:center;padding:20px 0;font-size:25px} .webshop-showbasket-empty .ButtonWrapperText {font-size:14px;} .webshop-showbasket .line select {border:1px solid #e3e3e3;padding:8px;border-radius:5px;text-align:center;font-size:13px;margin:15px 0 5px 0;max-width:100%;width:200px} .webshop-showbasket .line .productbag .amount {margin-left:0px!important;border:0px!important;width:200px;text-align:left} .webshop-showbasket .line .productbag .amount:after {content:' pcs.'} .webshop-showbasket .line {margin-top:20px;border-bottom:1px solid #E2E3E4;padding-bottom:25px;position:relative;overflow:hidden;min-height:100px} .webshop-showbasket .line .besk {float:left;width:80%;padding-left:150px} .webshop-showbasket .line .besk .ProductImage_ShowBasket {max-width:130px;width:auto!important;padding:5px;position:absolute;top:0;left:0} .webshop-showbasket .line .besk .info {color:#7c8284} .webshop-showbasket .line .besk .info span {font-weight:500} .webshop-showbasket .line .besk .name a {font-size:18px;font-weight:500;margin:3px 0;display:block} .webshop-showbasket .line .amountWrapper {margin-top:10px;position:relative;height:30px;width:180px} .webshop-showbasket .line .amountWrapper a {display:block} .webshop-showbasket .line .amountWrapper .dec {border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;position:absolute;top:0;left:0;height:30px;background:#F2F2F2;width:60px;line-height:30px;text-align:center;color:#fff} .webshop-showbasket .line .amountWrapper .amount {width:60px;height:30px;line-height:30px;text-align:center;color:#434C4F;font-size:14px;margin-left:60px;border:1px solid #F2F2F2} .webshop-showbasket .line .amountWrapper .inc {border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor:pointer;position:absolute;top:0;right:0;height:30px;background:#F2F2F2;width:60px;line-height:30px;text-align:center;color:#fff;font-size:20px} .webshop-showbasket .line .pris {font-weight:bold;font-size:14px;position:absolute;right:0;bottom:60px} .webshop-showbasket .line .rem {/* position:absolute; *//* left:370px; */bottom:30px;display: inline-block;margin-left: 20px;position: absolute;right: 0;} .webshop-showbasket .line .rem img {width:20px;height:20px} .webshop-showbasket .rowprice {font-weight:bold;float:right} .webshop-showbasket .rowprice .unitprice {width:200px;display:inline-block;text-align:right} .webshop-showbasket .rowprice .totalprice {width:200px;display:inline-block;text-align:right} .webshop-showbasket .line .lineunitprice {width:200px;display:inline-block;text-align:right} .webshop-showbasket .line .linetotalprice {width:200px;display:inline-block;text-align:right} .webshop-showbasket .ShowBasket_Custom_DIV {border-top: 1px solid #E2E3E4;overflow:hidden;clear:both} .webshop-showbasket .basketlinks {margin-top:2%;position: absolute} .webshop-showbasket .basketlinks a {display:block;text-decoration: underline;line-height:25px} .webshop-showbasket .basketlinks a.knap {text-decoration: none;background:#007C89} .webshop-showbasket .baskettotals {overflow:hidden} .webshop-showbasket .baskettotals > div {width:40%;float:right;padding:10px 0;border-bottom:1px solid #E2E3E4;font-weight:500} .webshop-showbasket .baskettotals > div > div:nth-child(1) {float:left; white-space: nowrap} .webshop-showbasket .baskettotals > div > div:nth-child(2) {float:right;text-align:right; white-space: nowrap} .webshop-showbasket .basketprice {font-size: 18px;font-weight:bold!important} .webshop-showbasket .basketactions {margin:50px 0 10px 0;overflow:hidden} .webshop-showbasket .basketactions a:first-child {width:30%} .webshop-showbasket .basketactions a:last-child {position:absolute;right:0;width:40%} .webshop-showbasket .fragtok {position:absolute;right:0;border-radius: 5px;font-size: 14px;margin-top:5px;color: #795600;font-weight: bold;} .webshop-showbasket .fragtnotok {position:absolute;right:0;border-radius: 5px;font-size: 14px;margin-top:5px;color: #795600;font-weight: bold;} .webshop-showbasket ul.basketusp {list-style: none;margin:70px 0;width:100%;clear:both;text-align:center} .webshop-showbasket ul.basketusp li {text-align:center;display:inline-block;background: url(/images/skins/dandodesign/media/icon-check.png) no-repeat left center;padding:0 100px;padding-left: 20px;} .webshop-showbasket ul.basketusp li:last-child {display:none} @media (max-width: 1300px) { .webshop-showbasket ul.basketusp li {padding:0 20px} } @media (max-width: 879px) { .webshop-showbasket .rowprice .unitprice, .webshop-showbasket .line .lineunitprice {display:none} .webshop-showbasket .basketlinks {display:none} .webshop-showbasket .fragtok {right:5px} .webshop-showbasket .line .besk {padding-left:115px} .webshop-showbasket .baskethead {height:50px;text-align:center;padding:0px} .webshop-showbasket .baskethead ul {position:relative;float:none} .webshop-showbasket .baskethead > span {display:none} .webshop-showbasket .baskethead ul li {font-size:13px;padding-top:32px} .webshop-showbasket .baskettotals > div {width:100%} .webshop-showbasket .knaptilbage {position:absolute;margin-left:0%; text-decoration: underline;color: #755249;} .webshop-showbasket .basketlinks {margin-top:200px} .webshop-showbasket .line .rem {top:30px} .webshop-showbasket ul.basketusp {margin:20px 0;display:block;font-size:13px;overflow:hidden} .webshop-showbasket ul.basketusp li {text-align:left;width:100%;margin-bottom:10px;float:none} .webshop-showbasket .line .besk {float:none;width:90%;} .webshop-showbasket .line .pris {position:relative;right:auto;bottom:auto;text-align:right;margin-top:15px} .webshop-showbasket .basketactions a {width:auto!important;display:block;position:relative!important;right:auto!important} .webshop-showbasket .basketactions a:last-child {margin-top:10px} .webshop-showbasket .line .besk .ProductImage_ShowBasket{max-width:100px} } /*------------------showbasket end--------------------*/ /*------------------checkout start--------------------*/ body.webshop-checkout.debug #checkout-container #column-data, body.webshop-checkout.debug #column-shipping-payment, body.webshop-checkout.debug #column-order-summary {display: block!important;width:30%!important} #checkout-container {margin-top:0px!important;padding-bottom:50px} #checkout-container .checkout-headline {border:0px;margin-top:20px } #checkout-container h2, #checkout-container h3 {border:0px!important} #checkout-container h2, #checkout-container h3 {background: #969696; padding: 13px;margin: 0;color: white;} #checkout-container h2 span, #checkout-container h3 span {font-size:23px} #checkout-container #column-shipping-payment {border:0px} #checkout-container h2 hr {display:none} #checkout-container #column-data > div, #checkout-container #column-shipping-payment > div, #checkout-container #column-order-summary > div#order-summary {background: #f2f2f2} #checkout-container #column-data #customer-login-devider, #checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary, #checkout-container #order-summary table:last-child {border:0px} #payment-methods {margin-bottom:20px!important;display:block} #checkout-container #customer_lookup_submit {height:30px;line-height:30px;padding:0 20px!important} #checkout-container #checkout_username, #checkout-container #checkout_password_login, #checkout-container #customer-data select, #checkout-container #customer-data input, #checkout-container #customer-data select, #checkout-container #customer-data input, #checkout-container #customer-data textarea {padding-left:5px!important;box-sizing: border-box;border-radius:5px;border:1px solid #cecece;height:30px;font-size:13px} #checkout-container #customer-data textarea {height:75px} /*column-data*/ #checkout-container #column-data {width: 45%;margin: 0;padding: 0;box-sizing: border-box;} #checkout-container #column-data label {display:block} #checkout-container #column-data > div {border:0px!important} #checkout-container #column-data #customer-data label {font-size:11px;line-height:20px} #checkout-container #column-data #customer-data,#checkout-container #column-shipping-payment #customer-data,#checkout-container #column-order-summary #customer-data {padding: 20px; } #checkout-container #column-data #customer-data fieldset,#checkout-container #column-shipping-payment #customer-data fieldset,#checkout-container #column-order-summary #customer-data fieldset {margin-top: 0 !important; } #checkout-container #column-data #subscription-maillist label:nth-child(2) {padding-top:7px} #checkout-container #column-data .right-label {width:80%} #checkout-container #column-data label[for="checkout_note"] > div {position:static!important} #checkout-container #column-data .div-checkout-checkbox {width:60px} #checkout-container #column-data .div-checkout-checkbox-label {padding-top:15px} #checkout-container #column-data .checkout-row {padding-bottom:10px} #checkout-container #column-data #customer-login {margin-bottom: 25px; } #checkout-container #column-data .column-data p {padding: 10px 20px; } #checkout-container #column-data .column-data fieldset {padding: 0 20px; } #checkout-container #column-data > div p {padding: 10px 20px 0; } #checkout-container #column-data input[type=text], #checkout-container #column-data input[type=password] {padding-left: 6px; } #checkout-container #column-data #checkout_customer_zipcode,#checkout-container #column-data #checkout_customer_altdelivery_zipcode {width: 100% !important; } #checkout-container #column-data .checkout-row h2 {border: none !important;margin-bottom: 10px; } /*column-shipping-payment*/ #column-shipping-payment {display:none} .Checkout_ShippingMethodServices_Devider_HR {display:none} #checkout-container #column-shipping-payment {width: 28%;margin: 0 2%;padding: 0;box-sizing: border-box;} #checkout-container #column-shipping-payment > div {border:0px!important} #checkout-container #column-shipping-payment .checkout-payment-description-cell, #checkout-container #column-shipping-payment .checkout-shipping-description-cell{font-size:13px;font-weight: bold} #checkout-container #column-shipping-payment .payment-message, #checkout-container #column-shipping-payment .shipping-message{font-size:11px;font-weight:normal} #checkout-container #column-shipping-payment #shipping-methods {margin-bottom:10px} #checkout-container #column-shipping-payment .checkout-shipping-radio-cell, #checkout-container #column-shipping-payment .checkout-payment-radio-cell {width: 40px;} #checkout-container #column-shipping-payment label {border: 1px solid #B6B6B6;border-radius: 5px;background: #fff;margin-bottom: 10px!important;} #checkout-container #column-shipping-payment #shipping-methods, #checkout-container #column-shipping-payment #payment-methods {padding: 20px 20px 10px 20px!important;} #checkout-container #column-shipping-payment #shipping-methods,#checkout-container #column-shipping-payment #payment-methods {padding:10px 20px } #checkout-container #column-shipping-payment .checkout-payment-radio-cell, #checkout-container #column-shipping-payment .checkout-shipping-radio-cell, #checkout-container #column-shipping-payment .checkout-payment-description-cell, #checkout-container #column-shipping-payment .checkout-shipping-description-cell {border: none; } #checkout-container #column-shipping-payment label {padding: 15px; } /*column-order-summary*/ #checkout-container #column-order-summary {width: 45%;float:right;margin: 0;padding: 0;box-sizing: border-box;} #checkout-container #column-order-summary > div {border:0px!important} #checkout-container #column-order-summary #order-summary {margin-top: 0; } #checkout-container #column-order-summary #order-summary th {font-weight:400} #checkout-container #column-order-summary #order-summary .order-summary-variants{font-weight:normal;font-size:13px} #checkout-container #column-order-summary #order-summary > table {padding:5px 5px;border-spacing:3px!important;border-collapse:separate} #checkout-container #column-order-summary #order-summary > table th {padding:0 5px;font-size:11px} #checkout-container #column-order-summary #order-summary > table td {padding:0 5px;font-size:13px} /*#checkout-container #column-order-summary #order-summary table#order-summary tr:nth-child(1) td {font-weight:bold}*/ #checkout-container #column-order-summary #order-summary table#order-summary > tbody > tr > td > a {font-weight:600;color:#000;text-decoration: none} #checkout-container #column-order-summary #confirm-termsandconditions-link-text {padding:10px 0} #checkout-container #column-order-summary #confirm-termsandconditions-link-text a {text-decoration: underline} #checkout-container #column-order-summary #confirm-accepterms, #checkout-container #column-order-summary #confirm-accept-customerdata, #checkout-container #column-order-summary #mailchimp-subscribe-box, #checkout-container #column-order-summary #mc-subscribe-box {margin-bottom:15px;padding:0px;display:block;background:#eeeeee;width:100%;border:1px solid #cecece;font-size:13px;overflow:hidden;position:relative;height:50px} #checkout-container #column-order-summary #confirm-accepterms a, #checkout-container #column-order-summary #confirm-accept-customerdata a {display:block;color:#0080a8;text-decoration: underline;margin-top:2px} #checkout-container #column-order-summary #confirm-accepterms > label, #checkout-container #column-order-summary #confirm-accept-customerdata > label, #checkout-container #column-order-summary #mailchimp-subscribe-box > label:first-child, #checkout-container #column-order-summary #mc-subscribe-box > label:first-child {float:left;display:block;margin:7px 15px} #checkout-container #column-order-summary #confirm-accepterms > span, #checkout-container #column-order-summary #confirm-accept-customerdata > span, #checkout-container #column-order-summary #newslettersignup-link, #checkout-container #column-order-summary .mailchimp-subscribe-label {line-height:50px;cursor:pointer} #checkout-container #column-order-summary #order-confirm h2 {display:none} #checkout-container #column-order-summary #order-confirm #confirm-termsandconditions-text {display:none} #checkout-container input[type="radio"]{cursor:pointer;outline:0;-webkit-appearance:none;appearance:none;border:1px solid #cacaca;border-radius:32px;position:relative;background:#fff;box-sizing:content-box;width:20px;height:20px;transition:opacity .2s ease-in-out,border .2s ease-in-out} #checkout-container input[type="radio"]:hover, #checkout-container input[type="radio"]:checked{background:#fff url("/images/skins/dandodesign/media/radio-button-green.svg") center center no-repeat;background-size:13px 13px;border:1px solid #cacaca} #checkout-container input[type="radio"]:checked::-ms-check{color:transparent;background:#fff url("/images/skins/dandodesign/media/radio-button-green.svg") center center no-repeat;background-size:13px 13px} #confirm-complete-button {float: right;width: 100%;color: #fff;text-transform: uppercase;position: relative;font-weight: 600;font-size: 20px!important;line-height: 40px;text-align: center;border-radius: 5px} .customControl {position:relative;height: 35px;width:35px;float:left;margin-right:15px} .customControl input {opacity: 0;float:none!important} .customControl .checkmark {cursor:pointer;position: absolute;top: 0;left: 0;height: 35px;line-height:35px;width:35px;background: #fff;border-radius:50%;border:1px solid #cecece} .customControl input:checked ~ .checkmark:after {content: "\002714";display:block;width:100%;height:100%;font-size:30px;text-align:center;color:#10a54f;font-weight:600;} .customControl input:checked ~ .checkmark {border:1px solid #10a54f} @media (min-width: 1025px) { .customControl:hover .checkmark:after {content: "\002714";display:block;width:100%;height:100%;font-size:30px;text-align:center;color:#10a54f;font-weight:600;} } @media (max-width: 879px) { .webshop-checkout .topicons > div:not(.logo) {display:none!important} .webshop-checkout content > .container {padding-top:50px;} .webshop-checkout #column-data, .webshop-checkout #column-shipping-payment, .webshop-checkout #column-order-summary {width:100%!important;margin:0!important;} .webshop-checkout #checkout-container #column-shipping-payment {min-height:auto;} #checkout_lookupphone_submit {float: none;width: 100%;} #checkout-container #checkout-lookupphone-container,#checkout-container #checkout-lookupphone-button-container {float: none;width: 100%;} } /*------------------checkout end--------------------*/ /*------------------step 4 start--------------------*/ .webshop-orderstep4 .tak {padding:100px 50px 100px 50px;text-align: center;font-size: 20px;} .webshop-orderstep4 .Heading_OrderStep4, .webshop-orderstep4 .Foto1_OrderStep4, .webshop-orderstep4 .TableLines_OrderStep4 img, .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:28px;margin-top:20px;display:block;font-weight: bold} .webshop-customercenter #Content > br {display:none} .webshop-customercenter .Login_Customer {padding:10px 0 50px 10px} .webshop-customercenter .Login_Customer input[type="email"]#xprofileid.TextInputField_Customer, .webshop-customercenter .Login_Customer input[type="password"]#xprofileid1.TextInputField_Customer {-webkit-appearance: none;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;border-radius: 3px;color: #fff;background: #10a54f;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: 22px;display: block;padding:20px 0 10px 0;} .webshop-customercenter .Text1_Customer {padding:0 10px 50px 0px;position:relative} #tabB1 > span, #tabB2 > span, #tabB3 > span, #tabB4 > span, .tabLinkID > a {display: inline-block;background-color: #10a54f;padding: 5px 10px;color: rgba(255,255,255,1.00);border-radius: 2px;margin: 0 10px 0 0;border: solid 1px #10a54f;} #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;display:none!important} #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 .emberFrame {margin-top:20px} @media (max-width: 768px) { .webshop-customercenter .Login_Customer input[type="email"]#xprofileid.TextInputField_Customer, .webshop-customercenter .Login_Customer input[type="password"]#xprofileid1.TextInputField_Customer{width: 120px!important} .webshop-customercenter .Login_Customer td:first-child {vertical-align: top;padding-top:20px} } /*------------------kundecenter end--------------------*/ /*kurv popup*/ .fancybox-lock .fancybox-overlay{z-index:9999999} .fancybox-skin {background:#fff} .fancybox-wrap {top:10%!important} .fancybox-overlay-fixed{bottom:0;position:fixed;right:0} #KurvPopup{padding:5px;width:750px;background:#fff;overflow:hidden;padding-top:20px} #KurvPopup > div {position:relative;overflow:hidden} #KurvPopup .left{float:left;width:50%} #KurvPopup .right{float:right;width:47%} #KurvPopup .pophead {font-size:18px} #KurvPopup .left{border-right:1px solid #ccc;text-align:center} #KurvPopup .left .pophead{color:#000;} #KurvPopup .left img {max-width:80%;max-height:220px;padding:10px} #KurvPopup .right .pophead{margin:0 0 20px 0px;border-bottom:1px solid #ccc;padding:0 0 20px 20px} #KurvPopup .right .info{padding-left:0px} #KurvPopup .right .info > div {margin:5px 0} #KurvPopup .right .info > div b {width:80px;display:inline-block} #KurvPopup .right .knapper{padding:15px 0;overflow:hidden} #KurvPopup .right .knapper a:first-child {float:left} #KurvPopup .right .knapper a:last-child {float:right} #KurvPopup .right .fragttxt {background: #FAD400; border-radius: 5px;font-size:13px;text-align:center;padding:2px 0} #KurvPopup .right .fragttxt span {font-weight:bold} #KurvPopup .prod {padding-top:10px;border-top:1px solid #ccc;text-align:center} #KurvPopup .prod .img {height:200px;margin-bottom: 5px} #KurvPopup .prod > div{float:left;text-align:center;width:calc(25% - 10px);margin:5px} #KurvPopup .prod .price {font-weight:600;margin:5px 0} #KurvPopup .prod .price span {padding-left:5px} #KurvPopup .prod .knap {padding:0 10px;cursor:pointer;height:25px;line-height:25px;} @media (max-width: 879px){ #KurvPopup{width:auto;padding:0px!important} #KurvPopup .prod {display:none} #KurvPopup .left {width:100%} #KurvPopup .left img {display:none} #KurvPopup .left {border:0px} #KurvPopup .right {width:100%} #KurvPopup .right .knapper {margin-bottom:30px} #KurvPopup .right .fragttxt {background:#fff} #KurvPopup .right .pophead,#KurvPopup .right .info{display:none} } /*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:13px;-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;} .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: 13px;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} } /*------------------kundecenter start--------------------*/ .webshop-customercenter .contentContain {width:100%!important} .webshop-customercenter #Content > table, .webshop-customercenter #Content > form {background:#fff;max-width: 960px;width: 100%; margin: 0px auto;} .webshop-customercenter .Heading_Customer {font-size:25px;padding:10px 0;display:block;font-weight: normal} .webshop-customercenter .Text1_Customer .Heading_Customer {font-size:20px!important;} .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;appearance: none;height: 35px;width: 200px!important;margin: 10px 4px 10px 0;padding: 0 10px;border-radius: 3px;border: 1px solid #ddd;} .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} .webshop-customercenter .Text1_Customer > tbody > tr > td {padding:0} .webshop-customercenter #tabB1 {margin-left:10px} .webshop-customercenter #tabB1 > span, .webshop-customercenter #tabB2 > span, .webshop-customercenter #tabB3 > span, .webshop-customercenter #tabB4 > span, .tabLinkID > a {display: inline-block;/*background-color: #1cab55;padding: 5px 10px;color: rgba(255,255,255,1.00);border-radius: 2px;margin: 0 10px 0 0;border: solid 1px #1cab55;*/} .Tabdeactive_Customer, .Tabactive_Customer, .Tabhover_Customer {border:1px solid #1cab55} .webshop-customercenter #tabB1 > span.Tabactive_Customer, .webshop-customercenter #tabB2 > span.Tabactive_Customer, .webshop-customercenter #tabB3 > span.Tabactive_Customer, .webshop-customercenter #tabB4 > span.Tabactive_Customer, .webshop-customercenter #tabB1 > span.Tabhover_Customer, .webshop-customercenter #tabB2 > span.Tabhover_Customer, .webshop-customercenter #tabB3 > span.Tabhover_Customer, .webshop-customercenter #tabB4 > span.Tabhover_Customer, .webshop-customercenter .tabLinkID > a:hover {/*background-color:rgba(255,255,255,1.00);border: solid 1px #1cab55;color: #095a3e;*/} .webshop-customercenter #tabB4 {float: right;margin-right:10px} .webshop-customercenter #tabB4 > span, .webshop-customercenter #tabB4 > span:hover {margin: 0;background-color: #e03325;border-color: #e03325!important} .webshop-customercenter #tabID2 > tbody > tr > td > br {display: none;} .webshop-customercenter #tabID2 > tbody > tr > td > table > tbody > tr:nth-child(1), #tabID2 > tbody > tr > td > table > tbody > tr:nth-child(2) {display: none;} .webshop-customercenter #tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(3) {font-size: 0;position: relative;width: 0;} .webshop-customercenter #tabID2 > tbody > tr > td > table > tbody > tr > td {padding: 4px 0;} .webshop-customercenter #tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(1) {padding-right: 15px;} .webshop-customercenter #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} .webshop-customercenter form[name="CustomerCenterForm"] > select {display:none} @media (max-width: 700px) { .webshop-customercenter form[name="CustomerCenterForm"] > span {display:none!important} .webshop-customercenter form[name="CustomerCenterForm"] > select {display:block;min-width: 96%;margin:0 2%;padding: 8px;border-radius: 3px;} } /*------------------kundecenter end--------------------*/ /*------------------Order list start--------------------*/ .webshop-customercenter .spinner {text-align:center} .webshop-customercenter .spinner b {display:block;margin-top:50px} .webshop-customercenter .BackgroundColor1_Customer {width:100%} .webshop-customercenter .orders .linehead > div:nth-child(1), .webshop-customercenter .orders .line > div:nth-child(1) {width:13%;display:inline-block} .webshop-customercenter .orders .linehead > div:nth-child(2), .webshop-customercenter .orders .line > div:nth-child(2) {width:13%;display:inline-block} .webshop-customercenter .orders .linehead > div:nth-child(3), .webshop-customercenter .orders .line > div:nth-child(3) {width:13%;display:inline-block} .webshop-customercenter .orders .linehead > div:nth-child(4), .webshop-customercenter .orders .line > div:nth-child(4) {width:20%;display:inline-block} .webshop-customercenter .orders .linehead > div:nth-child(5), .webshop-customercenter .orders .line > div:nth-child(5) {width:20%;display:inline-block} .webshop-customercenter .orders .linehead > div:nth-child(6), .webshop-customercenter .orders .line > div:nth-child(6) {width:20%;display:inline-block;text-align:center} .webshop-customercenter .orders .linehead {font-size:14px;font-weight:bold;margin-top:20px;;overflow: hidden;padding-bottom:5px} .webshop-customercenter .orders .line {overflow: hidden;padding:15px 0;font-size:13px} .webshop-customercenter .orders .line {background:#F0F0F0} .webshop-customercenter .orders .line:nth-child(2n) {background:#fff} .webshop-customercenter .orders .line:hover {background:#e6e6e6} .webshop-customercenter .orders .line a.invoice {text-decoration:underline;padding-right:30px} .webshop-customercenter .orders .line a.tracking {text-decoration:underline} .webshop-customercenter .orders .line a.detail {background:#1cab55;color:#fff;padding:5px} .webshop-customercenter .orders .line a.detail:hover {background:#1cab55;color:#fff!important} @media (max-width: 700px) { .webshop-customercenter .orders .linehead {font-size:13px} .webshop-customercenter .orders .line {font-size:10px} .webshop-customercenter .orders .linehead > div:nth-child(3), .webshop-customercenter .orders .linehead > div:nth-child(5), .webshop-customercenter .orders .line > div:nth-child(3), .webshop-customercenter .orders .line > div:nth-child(5) {display:none} .webshop-customercenter .orders .linehead > div, .webshop-customercenter .orders .line > div {width:25%!important} } /*------------------Order list end--------------------*/ /*------------------Order details start--------------------*/ .webshop-customercenter .orderprint {display:block!important} .webshop-customercenter .orderprint .back a {background-color: #929292; display: inline-block; color: #FFFFFF; text-align: center; font-weight: normal; padding:10px 20px;margin: 0} .webshop-customercenter .orderprint .table {padding:30px;box-shadow:0 0 10px #8e8e8e; font-size:13px;display:block!important} .webshop-customercenter .orderprint .row {position:relative;overflow:hidden;margin:35px 0} .webshop-customercenter .orderprint .row .left {float:left;width:60%} .webshop-customercenter .orderprint .row .right {float:right;width:40%} .webshop-customercenter .orderprint .track a {color:#FFF!important;text-align:center;box-sizing:border-box;display:inline-block;padding:5px 10px;background:#1cab55;border:0 solid #1cab55;border-radius:0;vertical-align:bottom;margin:5px 5px 5px 0} .webshop-customercenter .orderprint .track .txt {color:#979797;font-size:11px} .webshop-customercenter .orderprint td {padding:2px} .webshop-customercenter .orderprint .linehead {font-weight:bold} .webshop-customercenter .orderprint .line1, .webshop-customercenter .orderprint .BackgroundColor2_Customer td:first-child, .webshop-customercenter .orderprint .BackgroundColor3_Customer td:first-child, .webshop-customercenter .orderprint .OrderlineHover_Customer td:first-child {width:12%} .webshop-customercenter .orderprint .line2, .webshop-customercenter .orderprint .BackgroundColor2_Customer td:first-child + td, .webshop-customercenter .orderprint .BackgroundColor3_Customer td:first-child + td, .webshop-customercenter .orderprint .OrderlineHover_Customer td:first-child + td {width:38%} .webshop-customercenter .orderprint .line3, .webshop-customercenter .orderprint .BackgroundColor2_Customer td:first-child + td + td, .webshop-customercenter .orderprint .BackgroundColor3_Customer td:first-child + td + td, .webshop-customercenter .orderprint .OrderlineHover_Customer td:first-child + td + td {width:15%} .webshop-customercenter .orderprint .line4, .webshop-customercenter .orderprint .BackgroundColor2_Customer td:first-child + td + td + td, .webshop-customercenter .orderprint .BackgroundColor3_Customer td:first-child + td + td + td, .webshop-customercenter .orderprint .OrderlineHover_Customer td:first-child + td + td + td {width:15%} .webshop-customercenter .orderprint .line5, .webshop-customercenter .orderprint .BackgroundColor2_Customer td:first-child + td + td + td + td, .webshop-customercenter .orderprint .BackgroundColor3_Customer td:first-child + td + td + td + td, .webshop-customercenter .orderprint .OrderlineHover_Customer td:first-child + td + td + td + td {width:20%;} .webshop-customercenter .orderprint #BuyButton {padding:5px 10px} @media(max-width:500px) { .webshop-customercenter .orderprint .row .left, .webshop-customercenter .orderprint .row .right {float:none;width:100%} } /*------------------Order details end--------------------*/ .kontaktform {background:#f5f5f5;padding:50px 15%} .kontaktform form {margin:40px 0} .kontaktform input[type="text"], .kontaktform input[type="email"]{width:100%;line-height:45px;padding:0 20px;margin:5px 0;font-weight:normal;border:1px solid #d5d5d5} .kontaktform textarea {width:100%; height:300px;margin:5px 0;font-weight:normal;padding:20px;border:1px solid #d5d5d5} @media (max-width: 879px) { .kontaktform {padding:30px 5%} } section.maillist {text-align: center;background:#f5f5f5;padding:50px 0} section.instagram {text-align: center;background:#fff;padding:50px 0;color:#919191;font-size:43px} section.instagram b {display:block} section.instagram a {margin:0 20px} section.instagram .fa {color:#919191} @media (max-width:880px) { section.maillist,section.instagram {padding:20px 0} section.instagram {font-size:26px} } /*fav*/ /*fav*/ .fav {position: absolute;right:10px;bottom:10px} .fav .fa {color:#fd6529;font-size:30px;border:1px solid #Fff;padding:10px;border-radius: 50%;background:#fff; box-shadow: 0 0 3px #e4e4e4, 0 0 7px #e4e4e4;transition: all .3s ease;}