@charset "UTF-8";
/*

Standardmall:
Mobil: >40rem = 0 - 655px = col-xs
Tablet: 41rem - 64rem =  656 - 1039px  = col-sm
Desktop: 65rem - 90rem  = 1040px - 1455px = col-md
Ultrawide: 90rem - 120rem = 1456px - ?  = col-lg

Haupt:
Mobil: >549px = col-xs
Tablet: 550px - 849px  = col-sm
Desktop: 850 - 1139px  = col-md
Ultrawide: 1140 - ? = col-lg

*/
/* Button mixins */
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/* open-sans-regular *
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/themes/master/design/css/webfonts/open-sans-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
	   url('/themes/master/design/css/webfonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), 
	   url('/themes/master/design/css/webfonts/open-sans-regular.woff2') format('woff2'), 
	   url('/themes/master/design/css/webfonts/open-sans-regular.woff') format('woff'),
	   url('/themes/master/design/css/webfonts/open-sans-regular.ttf') format('truetype'),
	   url('/themes/master/design/css/webfonts/open-sans-regular.svg#OpenSans') format('svg');
}*/
/* open-sans-700 *
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/themes/master/design/css/webfonts/open-sans-700.eot'); 
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
	   url('/themes/master/design/css/webfonts/open-sans-700.eot?#iefix') format('embedded-opentype'), 
	   url('/themes/master/design/css/webfonts/open-sans-700.woff2') format('woff2'), 
	   url('/themes/master/design/css/webfonts/open-sans-700.woff') format('woff'),
	   url('/themes/master/design/css/webfonts/open-sans-700.ttf') format('truetype'), 
	   url('/themes/master/design/css/webfonts/open-sans-700.svg#OpenSans') format('svg'); 
}*/
@font-face {
  font-family: "UraniaCzech";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("UraniaCzech"), url("/themes/master/design/fonts/UraniaCzech.eot") format("embedded-opentype"), url("/themes/master/design/fonts/UraniaCzech.woff") format("woff"), url("/themes/master/design/fonts/UraniaCzech.woff2") format("woff2"), url("/themes/master/design/fonts/UraniaCzech.svg#UraniaCzech") format("svg");
}
@font-face {
  font-family: "GrotesqueMT";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("GrotesqueMT"), url("/themes/master/design/fonts/GrotesqueMT.eot") format("embedded-opentype"), url("/themes/master/design/fonts/GrotesqueMT.woff") format("woff"), url("/themes/master/design/fonts/GrotesqueMT.woff2") format("woff2"), url("/themes/master/design/fonts/GrotesqueMT.ttf") format("truetype"), url("/themes/master/design/fonts/GrotesqueMT.svg#GrotesqueMT") format("svg");
}
/* general margins / paddings */
/* base colors */
/* Används på breadcrumbs */
/* Används på PT_badge (Limited editon osv) */
/* Används på PT_badge (Limited editon osv) */
/* theme colors */
/* Meny och sortering */
/* message colors */
/* Från 'I lager' texten på produktsidan */
/* campaign, sale */
/* Deras nuvarande rea-färg */
/* news */
/* buttons */
/* borders */
/* shadow */
/* Vid focus på inputs får dessa en skugga */
ul.tabs {
  margin: 3em 0; /* fallback */
  margin: calc(1rem*3) 0;
  border-top: 1px solid #e3e7e8;
  padding: 0;
}

ul.tabs > li {
  list-style: none;
}

ul.tabs li.tabContent {
  order: 10;
  width: 100%;
  float: left;
  display: none;
  border: 1px solid #e3e7e8;
  border-top: 0;
  padding: 1rem;
}

ul.tabs li.tabContent.active {
  display: block;
}

#Produktinfo {
  display: block !important;
  visibility: visible !important;
}

/* horisontal tabs */
ul.tabs li.tab {
  width: 100%;
  cursor: pointer;
  line-height: 60px;
  border-bottom: 1px solid #e3e7e8;
  text-transform: uppercase;
  text-align: left;
  padding-left: 1rem;
}

ul.tabs li.tab.active {
  border-bottom: 0px;
}

ul.tabs li.tab:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  display: inline-block;
  float: right;
  transition: all 0.1s ease;
  width: 40px;
  height: 40px;
  text-align: center;
}

ul.tabs li.tab.active:after {
  content: "\f077";
}

ul.tabs li.tabContent {
  margin-top: -20px;
}

ul.tabs li.tabContent {
  order: unset;
  border: 0px;
  padding: 1rem;
}

ul.tabs li.tabContent.active {
  border-bottom: 1px solid #e3e7e8;
}

/*

Standardmall:
Mobil: >40rem = 0 - 655px = col-xs
Tablet: 41rem - 64rem =  656 - 1039px  = col-sm
Desktop: 65rem - 90rem  = 1040px - 1455px = col-md
Ultrawide: 90rem - 120rem = 1456px - ?  = col-lg

Haupt:
Mobil: >549px = col-xs
Tablet: 550px - 849px  = col-sm
Desktop: 850 - 1139px  = col-md
Ultrawide: 1140 - ? = col-lg

*/
/*------------------------
   Image gallery
------------------------*/
/* lazy loader */
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.carousel-lazy[data-src],
.popped_img .carousel-lazy-zoom[data-src] {
  opacity: 1 !important;
  color: #fff;
  margin-top: -20px;
  width: 100%;
}

.carousel-lazy[data-src]:before,
.popped_img .carousel-lazy-zoom[data-src]:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-left: -15px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner 0.7s linear infinite;
}

/* carousel */
.carousel {
  scroll-snap-type: x mandatory;
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none; /* Firefox 64 */
  padding: 0;
  margin: 0;
  width: 100%;
}

.carousel .item {
  cursor: zoom-in;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  text-align: center;
  padding-bottom: 124.5%; /* ratio of the images */
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.item img,
.item figure {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  object-fit: scale-down;
}

.thumbswrapper-inner {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}

.thumbnail {
  opacity: 0.5;
}

.thumbnail.active, .thumbnail:hover {
  opacity: 1;
}

.thumbnail.active .thumbnail-img-wrap, .thumbnail:hover .thumbnail-img-wrap {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.thumbnail-img-wrap {
  display: flex;
}

.thumbnail-img-wrap {
  transition: all 400ms ease-in-out;
  border: 1px solid transparent;
  display: flex;
  padding-bottom: 124.5%;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.thumbnail img {
  transition: all 600ms ease-in-out;
  max-width: 110%;
  max-height: calc(100% + 8px);
  position: absolute;
  left: -3%;
  right: 0%;
  bottom: 0;
  top: -8px;
  margin: auto;
  object-fit: cover;
  transform: translateY(8px);
}

.thumbnail.active img, .thumbnail:hover img {
  transform: translateY(0);
}

/* Mobile */
@media only screen and (max-width: 34.99rem) {
  #Bildkolumn {
    padding: 0;
  }
  .thumbswrapper {
    padding-left: calc(1rem * 0.5);
    padding-right: calc(1rem * 0.5);
  }
  .thumbswrapper-inner {
    padding-left: 0;
    padding-right: 0;
    white-space: initial;
    flex-wrap: wrap;
  }
  .thumbnail {
    display: flex;
    flex-basis: 25%;
    min-width: 25%;
    text-align: center;
    padding: 1rem calc(1rem * 0.5) 0;
  }
  .thumbnail img {
    max-height: calc(100% + 3px);
    top: -3px;
    transform: translateY(3px);
  }
  .thumbnail.active img {
    transform: translateY(0);
  }
}
/* Desktop & Tablet */
@media only screen and (min-width: 34.01rem) {
  .carousel .item {
    border: 1px solid transparent;
  }
  .thumbswrapper {
    margin: 0;
    display: flex;
    padding: 0;
    max-width: 100%;
  }
  .thumbswrapper::after {
    display: block;
    content: " ";
    /*width: 2em;
    height: 100%;
    background: linear-gradient(270deg, #fffaf5, transparent);*/
    position: absolute;
    right: 0;
  }
  .thumbs-arrow {
    display: none;
    display: block;
    position: absolute;
    top: -3em;
    width: 2.5em;
    height: 2.5em;
    padding: 0.3em 0.3em 0.3em;
    border-radius: 50%;
    /* margin: 0.1em; */
    /* border-radius: 6px 0 6px 0; */
    background: transparent;
    opacity: 0;
  }
  .ProduktBild:hover .thumbs-arrow {
    opacity: 1;
  }
  .thumbs-arrow:hover {
    background: rgba(255, 255, 255, 0);
    filter: none;
    color: #000;
  }
  .thumbs-arrow:focus {
    box-shadow: none;
  }
  .thumbs-arrow.left {
    left: 0.5em;
  }
  .thumbs-arrow.right {
    right: 1.5em;
  }
  .thumbswrapper .carousel-arrow.notvisible {
    opacity: 0;
  }
  .thumbs-arrow i {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  .thumbs-arrow.left i {
    padding-right: 3px;
  }
  .thumbs-arrow.right i {
    padding-left: 3px;
  }
  .thumbnail {
    cursor: pointer;
    display: flex;
    transition: opacity 400ms ease-in-out;
    flex-basis: 25%;
    min-width: 25%;
    text-align: center;
    padding: 1rem calc(1rem * 0.5) 0;
    opacity: 0.5;
    position: relative;
    overflow: hidden;
  }
  .thumbnail-img-wrap {
    transition: all 400ms ease-in-out;
    border: 1px solid transparent;
    display: flex;
    padding-bottom: 124.5%;
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .thumbnail img {
    transition: all 600ms ease-in-out;
    max-width: 110%;
    max-height: calc(100% + 8px);
    position: absolute;
    left: -3%;
    right: 0%;
    bottom: 0;
    top: -8px;
    margin: auto;
    object-fit: cover;
    transform: translateY(8px);
  }
  .thumbnail.active img, .thumbnail:hover img {
    transform: translateY(0);
  }
}
/* navigation and controls */
.navigation {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0.5em auto;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
}

.dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: block;
  margin: 2px 4px;
  transition: 300ms ease background-color;
  border: 1px solid #000;
  transition: 300ms ease all;
}

.dot.active {
  background-color: #000;
}

.counter {
  font-weight: 800;
  text-align: left;
  margin-right: 10px;
  display: flex;
}

.counter span {
  display: none;
}

.counter span.active {
  display: inline;
}

.counter p {
  margin: 0;
}

.counter p:before {
  content: " / ";
  display: inline-block;
  margin-left: 5px;
}

.carousel-arrow {
  cursor: pointer;
  transition: 300ms ease-in-out all;
  color: #000;
}

.carousel-arrow.notvisible {
  opacity: 0.25;
}

.icon-arrow-round.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  opacity: 0;
  z-index: 2;
}

.icon-arrow-round.carousel-prev {
  left: 30px;
}

.icon-arrow-round.carousel-next {
  right: 30px;
}

.carousel:hover ~ .hover-arrows .icon-arrow-round.carousel-arrow:not(.notvisible),
.hover-arrows:hover .icon-arrow-round.carousel-arrow:not(.notvisible) {
  opacity: 1;
}

/* expanded view */
.popped_img {
  max-width: 100%;
  max-height: 100%;
  position: fixed;
}

.popped_img .carousel {
  z-index: 1000000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: hidden;
}

.popped_img .mask:after {
  display: none;
}

.popped_img .carousel .item {
  padding-bottom: 0;
}

.popped_img .popped_img_overlay {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

.popped_img .carousel .item {
  cursor: initial;
}

.carousel-zoom,
.popped_img .carousel-normal {
  display: none;
}

.popped_img .carousel-zoom,
.carousel-normal {
  display: block;
}

/* expanded view - controls */
.popped_img .expanded-view-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  padding: 1rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.6784313725);
}

.expanded-view-controls {
  display: none;
}

.expanded-view-controls .carousel-arrow {
  padding: 5px 10px 0;
}

.popped_img #popped_img_close {
  z-index: 1000000;
  cursor: pointer;
  font-size: 24px;
  text-align: right;
  padding: 18px 20px 15px;
  position: fixed;
  right: 0;
  top: 0;
  line-height: 18px;
}

.popped_img #popped_img_close i {
  line-height: 18px;
}

/* expanded view - desktop */
/* Desktop & Tablet */
@media only screen and (min-width: 34.01rem) {
  #Bildkolumn {
    padding-right: 0;
  }
  .row.product-images.relative.carousel-outer.mobile-wrap {
    margin: 0 0 0 1rem;
    padding: 0 0 0 0;
    max-width: calc(100% - 1rem);
  }
  .popped_img .carousel {
    height: calc(95% - 60px);
    top: 60px;
  }
  .productzoom-wrapper {
    padding-left: 0;
  }
  .thumbswrapper-inner {
    padding: 0;
    position: relative;
    left: calc(1rem * -0.5);
  }
}
/* Ultrawide */
/* @media screen and (min-width: )  { */
@media screen and (min-width: 1170px) {
  .row.product-images.relative.carousel-outer.mobile-wrap {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-width: 100%;
  }
}
/* pinchzoom */
.pinch-zoom-container {
  width: 100%;
  height: 100%;
}

.pinch-zoom-container .carousel-zoom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.productzoom-inner-wrapper.pz-flip .pinch-zoom-container .carousel-zoom {
  top: 50%;
  left: 50%;
  transform: scale(1, 1) translate(-50%, -50%);
}

/* scrollbars */
.carousel::-webkit-scrollbar,
.thumbswrapper-inner::-webkit-scrollbar {
  display: none;
}

.thumbswrapper {
  scrollbar-width: none; /* Firefox 64 */
}

/* Ikoner i bild */
.ProduktBild {
  position: relative;
}

.ProduktBild .ikoner {
  position: absolute;
  top: calc(1rem * 1);
  left: calc(1rem * 2);
}

.ProduktBild .ikoner .procent2::before {
  content: "-";
}

.ProduktBild .ikoner .procent2::after {
  content: "%";
}

/* Rubrik och pris */
#Faktakolumn > .mobile-wrap {
  overflow: visible;
}

h1#ArtikelnamnFalt {
  margin-top: 0;
  margin-bottom: calc(1rem * 0.5);
}

#Faktakolumn .PrisBOLD,
#Faktakolumn .PrisREA {
  font-weight: 400;
}

#Faktakolumn .PrisORD {
  margin-right: calc(1rem * 0.5);
}

.PrisAvd {
  display: none;
}

.Lista1 {
  margin-left: -1rem;
  margin-right: -1rem;
}

/* Köpknapp och antalsfält */
div#submitblock {
  flex-grow: 1;
}

#OrderFalt #SubmitFalt {
  flex-grow: 1;
}
#OrderFalt #SubmitFalt .buy-button {
  padding-left: 0;
  padding-right: 0;
}

#OrderFalt .buy-button {
  width: 100%;
}

.Laggikorgen_Antalsrad {
  width: 100%;
}

#OrderFalt > form,
.Laggikorgen_Antalsrad > .f,
.Laggikorgen_Antalsrad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ProduktbeskrAntalvalText,
tr.Laggikorgen_Antalsrad td:first-child,
.artikel_antal {
  display: none !important;
}

.ProduktbeskrAntalvalFalt,
tr.Laggikorgen_Antalsrad td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

#OrderFalt .Sub,
#OrderFalt .Add {
  border: 1px solid #ddd;
  line-height: 28px;
  height: 28px;
  margin-bottom: 1rem;
}

input[type=text].Laggikorgen_Antalsfalt {
  line-height: 28px !important;
  height: 28px !important;
  width: 40px !important;
  text-align: center;
  margin-bottom: 1rem;
}

input[type=text].Qty,
.stepper input,
.stepper input[type=text],
input[type=text].Laggikorgen_Antalsfalt {
  order: 2;
}

.Sub,
#OrderFalt .Sub,
.Laggikorgen_Antalsrad .Sub {
  order: 1;
  border-right: 0;
}

.Add,
#OrderFalt .Add,
.Laggikorgen_Antalsrad .Add {
  order: 3;
  border-left: 0;
  margin-right: 1rem;
}

#OrderFalt .Sub,
.Laggikorgen_Antalsrad .Sub,
#OrderFalt .Add,
.Laggikorgen_Antalsrad .Add {
  padding: 0 calc(1rem * 0.5);
  cursor: pointer;
}

#OrderFalt .Sub::before,
#OrderFalt .Add::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

#OrderFalt .Sub::before {
  content: "\f068";
}

#OrderFalt .Add::before {
  content: "\f067";
}

/* Variantartikel */
.Egenskaper_Tabell {
  width: 100%;
}

.Egenskaper_Tabell tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem;
}

.Egenskaper_Tabell tr:last-child {
  margin-bottom: 0;
}

.Egenskaper_Tabell td {
  min-width: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

td[valign=top] + td:last-child {
  flex-grow: 1;
}

/* SET-artikel */
.Set_Falt_Wrap {
  width: 100%;
  margin-bottom: 1rem;
}

/* USPar */
.product-usp ul,
.product-usp li {
  list-style: none;
}

.product-usp li {
  margin-bottom: 0.5em;
}

.product-usp i {
  margin: 0 4px 0 1px;
  min-width: 1.4em;
}

/* Utökad produktbesk */
.UtokadText {
  position: relative;
}

.UtokadText table {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  width: 100%;
  max-width: calc(100% - 2rem);
  border-color: transparent;
  background-color: transparent;
}

.UtokadText td {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 90%;
  font-size: 0.8em;
}

.UtokadText table h2,
.UtokadText table h3,
.UtokadText table h4,
.UtokadText table span,
.UtokadText table div,
.UtokadText table p {
  background-color: rgba(255, 255, 255, 0.9098039216);
  padding: 0.1em 0.3em;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.UtokadText table span,
.UtokadText table div,
.UtokadText table p {
  font-family: UraniaCzech;
  font-weight: 400;
  font-size: 1.2em;
}

.UtokadText table h2 {
  text-transform: uppercase;
}

.UtokadText table p {
  text-transform: lowercase;
}

@media screen and (min-width: 545px) {
  .UtokadText table p {
    font-size: 1em;
  }
}
@media screen and (max-width: 544px) {
  .UtokadText table p {
    font-size: 1.4em;
  }
}
.grade-comment {
  line-height: 1.4;
}

.TextKort,
.Egenskaper p,
#Banner1_Std {
  line-height: 1.4;
}

.UtokadText table h2 {
  text-transform: uppercase;
}

.UtokadText table p {
  text-transform: lowercase;
}

@media screen and (min-width: 545px) {
  .UtokadText table p {
    font-size: 1em;
  }
}
@media screen and (max-width: 544px) {
  .UtokadText table p {
    font-size: 1.4em;
  }
}
.grade-comment {
  line-height: 1.4;
}

/* Produktinfo och texter */
.infoAndGrades {
  font-size: 0.9em;
  line-height: 1.4;
}

.infoWrapper table {
  width: 100%;
}
.infoWrapper td {
  width: 50%;
  padding: 0.2em 0.3em;
}
.infoWrapper tr:nth-child(even) {
  background-color: #f2f2f2;
}
.infoWrapper td:last-child {
  text-align: right;
}

.readmoreWrap[data-maxheight="140"] {
  max-height: 140px;
}

.readmoreWrap {
  max-height: attr(data-maxHeight px);
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 500ms ease-in-out;
  -ms-transition: max-height 500ms ease-in-out;
  -moz-transition: max-height 500ms ease-in-out;
  transition: max-height 500ms ease-in-out;
}
.readmoreWrap.open {
  max-height: 1200px;
}

.readmoreBtn {
  cursor: pointer;
  position: relative;
  top: -4em;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
}
.readmoreBtn span {
  background: #fff;
  border: 1px solid #e3e7e8;
  width: max-content;
}
.readmoreBtn span::before {
  content: attr(data-more);
  cursor: pointer;
}
.readmoreBtn span::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  content: "\f078";
  font-size: 0.8em;
  padding: 0 0 0 0.8em;
}

.readmoreBtn.open span::before {
  content: attr(data-less);
}
.readmoreBtn.open span::after {
  content: "\f077";
}

.readmoreWrap.fadeOut {
  padding-bottom: 5em;
}

.readmoreWrap.fadeOut::after {
  content: " ";
  height: 60px;
  width: 100%;
  background: linear-gradient(0deg, #f0f3f5, rgba(255, 255, 255, 0));
  position: absolute;
  bottom: -1px;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}

.readmoreWrap.fadeOut.open::after {
  opacity: 0;
  pointer-events: none;
}

/* Grades */
#article-grades-form textarea {
  resize: vertical;
}

.betyg_siffra {
  color: #bf7d56;
  position: relative;
  left: -2px;
}

.PT_Grade,
.PT_Grade .betyg_siffra {
  color: #bf7d56;
}

.betyg_siffra::after {
  font-weight: 200;
}

.betyg_siffra::before {
  font-weight: 900;
}

.betyg_siffra.betyg0::before {
  content: "";
}

.betyg0::after {
  content: "\f005\f005\f005\f005\f005";
}

.betyg1:before {
  content: "\f005";
}

.betyg1:after {
  content: "\f005\f005\f005\f005";
}

.betyg2:before {
  content: "\f005\f005";
}

.betyg2:after {
  content: "\f005\f005\f005";
}

.betyg3:before {
  content: "\f005\f005\f005";
}

.betyg3:after {
  content: "\f005\f005";
}

.betyg4:before {
  content: "\f005\f005\f005\f005";
}

.betyg4:after {
  content: "\f005";
}

.betyg5:before {
  content: "\f005\f005\f005\f005\f005";
}

.admin-comment {
  position: relative;
  padding-bottom: 1em;
  margin-left: 1em;
}

.admin-comment::before {
  position: absolute;
  content: " ";
  display: block;
  top: -0.5rem;
  left: 0;
  width: 1px;
  height: calc(100% - 0.2rem);
  background-color: #e3e7e8;
}

div#article-grades-list {
  max-height: unset;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Listor  */
.prodlistaWrap.wrap {
  overflow: visible;
}

.prodlista h2 {
  margin-bottom: 0;
}

/* Mobile  */
/* Mobile & Tablet  */
@media screen and (max-width: 54rem) {
  .Add,
  #OrderFalt .Add,
  .Laggikorgen_Antalsrad .Add {
    margin-right: calc(1rem * 0.5);
  }
}
/* Desktop & Tablet */
@media only screen and (min-width: 34.01rem) {
  .ProduktBild .ikoner {
    left: 0;
  }
  h1#ArtikelnamnFalt {
    margin-top: calc(1rem * 3.5);
  }
  .breadcrumbwrapper {
    text-align: right;
  }
  #OrderFalt #SubmitFalt {
    flex-grow: unset;
  }
  #OrderFalt #SubmitFalt .buy-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .UtokadText td {
    font-size: 1.2em;
  }
  .readmoreWrap.fadeOut {
    padding-bottom: 1rem;
  }
  .readmoreWrap[data-maxheight="140"] {
    max-height: unset;
  }
  .readmoreWrap.fadeOut::after {
    display: none;
  }
  .readmoreBtn {
    display: none !important;
  }
  .infoWrapper table {
    max-width: 330px;
  }
  div#article-grades-list {
    max-height: 60vh;
  }
}
/* Desktop  */
/* Ultrawide */