.levlogo { height: auto; max-width: 400px; padding-bottom:20px; padding-top:20px; }

.review-carousel {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 8px;
  padding: 20px;
    font-family: "dinot-bold", sans-serif; /* Din önskade font */
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.review-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}

.review-item p {
  font-size: 1rem;
  color: #333;
  margin-bottom: 10px;
}

.review-item span {
  color: #FFCC00; /* Trustpilot gul färg */
  font-size: 1.5rem;
}

.review-item h4 {
  font-size: 0.9rem;
  color: #555;
  margin-top: 10px;
  margin-bottom:0px;
}










.slot--article-price .tws-api--price-current
{ color:red;}

.article-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px;
            list-style: none;
        }
        .article-list li {
            position: relative;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.2s, box-shadow 0.2s;
            text-align: center;
        }
        .article-list li:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .article-list img {
            width: 100%;
            height: auto;
            display: block;
        }
        .article-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 10px;
            color: white;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.2em;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
          font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:30px; padding-left:20px; padding-right:20px; padding-bottom:30px; line-height:30px; 
}
        }
        .article-title:hover {
            text-decoration: none;
        }
        .article-link {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            text-decoration: none;
        }
        @media (max-width: 600px) {
            .article-list {
                grid-template-columns: 1fr;
            }
        }




#bottom-bar {
    position: fixed;
    bottom: -120px; /* Initial position below the screen, adjust as needed */
    width: 100%;
    height: 90px; /* Adjust height as needed to be 25% smaller */
    background-color: rgba(51, 51, 51, 0.7); /* 30% transparent dark gray */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
    transition: bottom 0.3s ease;
    z-index: 1000;
    display: none; /* Initially hidden */
    justify-content: center; /* Center buttons horizontally */
    align-items: center; /* Center buttons vertically */
    padding: 20px 0 25px 0; /* Add extra padding at the bottom */
}

.action-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    text-decoration: none; /* Remove underline from links */
    margin: 0 10px; /* Add margin between buttons */
}

.icon-wrapper {
    background-color: #b08d56; /* Adjust button color */
    border: none;
    border-radius: 15px; /* Rounded corners */
    width: 45px; /* 25% smaller */
    height: 45px; /* 25% smaller */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.icon-wrapper img {
    width: 22.5px; /* 25% smaller */
    height: 22.5px; /* 25% smaller */
}

.action-button:hover .icon-wrapper {
    background-color: #8e7d58; /* Adjust hover color */
}

.action-button span {
    color: white;
    font-size: 9px; /* 25% smaller */
    margin-top: 5px;
    text-align: center;
}


.icon-wrapper-red {
    background-color: #ff0c0c; /* Adjust button color */
    border: none;
    border-radius: 15px; /* Rounded corners */
    width: 45px; /* 25% smaller */
    height: 45px; /* 25% smaller */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.icon-wrapper-red img {
    width: 22.5px; /* 25% smaller */
    height: 22.5px; /* 25% smaller */
}

.action-button-red:hover .icon-wrapper-red {
    background-color: #d67070; /* Adjust hover color */
}

















.padding-h2-text {padding-left:20px; padding-right:20px; margin-bottom:-40px;}

.vpaket-container {
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
          .vpaket-container h1 {
            text-align: center;
            margin-bottom: 40px;
            margin-top:0px;
            font-size:35px;
        }
.vpaket-container p { font-size:12px;}
        .v-paket-content {
          padding:0px;
            column-count: 2;
            column-gap: 40px;
        }
        @media (max-width: 768px) {
            .v-paket-content {
                column-count: 1;
            }
        }

     

.artikelpadding { padding:35px; }

.artikelrubrik { font-size:35px;}

h1 {  font-weight: bold;
  font-family: 'dinot-bold'; }
h2 {  font-weight: bold;
  font-family: 'dinot-bold'; }
h3 {  font-weight: bold;
  font-family: 'dinot-bold'; }
  
.googlekarta { width:100%; }

.trailblazer--footer {
    background-color: #4a4a4a; /* Mörkgrå färg */
    color: white; /* Vit text för all text inom footern */
    padding-top: 50px; /* Lägg till lite padding för bättre utseende */
  margin-top:40px;
}

.trailblazer--footer p,
.trailblazer--footer a {
    color: white; /* Vit text för <p> och länkar */
}

.trailblazer--footer h5 {
    color: #c39d4c; /* Specifik färg för <h5> */
}

.trailblazer--footer a:hover {
    color: #cccccc; /* Ljusgrå färg för länkar vid hover */
}

.trailblazer--footer img[src="logo.png"] {
    display: block;
    position: absolute; /* Absolut positionering för att centrera logotypen */
    top: 10px; /* Justera detta värde efter behov */
    left: 50%;
    transform: translateX(-50%);
    max-width: 100px; /* Justera storlek efter behov */
}





.footer-buttons {
            display: flex;
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }

        .footer-button {
            font-family: 'dinot-bold';
            background-color: #4a4a4a;
            border: 2px solid gray;
            border-radius: 25px;
            width: 250px;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            color: black;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .footer-button:hover {
            background-color: #333333;
            color: #333;
        }

        .footer-button span {
            font-size: 18px;
        }


.addressRowOne { font-size:16px; color:#c39d4c; font-weight:bold; padding-top:0px; margin-top:0px; margin-bottom:10px !important}

h5 { font-size:16px; font-weight:bold; padding-top:0px; margin-top:0px; margin-bottom:10px}

@media (max-width: 767px) {
  .tws-container--tws-content-box-4x.fyrafonster .tws-content-box-4x {
    display: flex;
    flex-wrap: wrap;
padding-left:10px;
  }
  .tws-container--tws-content-box-4x.fyrafonster .tws-content-box-4x .tws-content-box-4x--box {
    width: 50% !important; /* Ger plats för marginal */
    margin-left: -4px !important; /* Lägger till marginal runt boxarna */
  }
    .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row .tws-content-box-4x--box
  {padding-left:7px; padding-right:7px; padding-bottom:2px;}
}

.fyrafonster .tws-content-box--first-line {
  font-size: 32px !important;
  padding-top: 390px !important;
}

.fyrafonster .tws-content-box--third-line {
  background-color: #B78B4C !important; /* Green */
}

@media (max-width: 767px) {
  
  .levlogo { height: auto; max-width: 200px; }
  
  .fyrafonster .tws-content-box--third-line {
    padding: 8px 12px !important; /* Justerar padding för mindre storlek */
    font-size: 11px !important; /* Justerar fontstorleken för mindre storlek */
  }
}

@media (max-width: 767px) {
  .tws-container--tws-content-box-4x.fyrafonster .tws-content-box-4x .tws-content-box-4x--box .tws-util-heading--heading.h1.tws-content-box--first-line {
    font-size: 22px !important; /* Justera textstorleken efter behov */
  }
}
@media (max-width: 767px) {
.fyrafonster .tws-content-box--first-line {
  padding-top: 190px !important;
  }
}


p, ul {
    margin-top: 0;
    margin-bottom: 0.5em;
}
ul {
    padding-left: 20px; /* Justera enligt dina behov */
}


/* Dölj affiliat-DIV:ar som standard */
.affiliate13283,
.affiliate13295 {
    display: none;
}

/* Visa affiliat-DIV:ar baserat på deras klass */
[href*="affiliate=13283"] .affiliate13283,
[href*="affiliate=13295"] .affiliate13295 {
    display: block;
}



.affiliate-flag {
    position: fixed;
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    font-size: 10px;  /* Mindre textstorlek */
    color: #333;
    opacity: 1;
    animation: fadeOut 5s forwards; /* Lägg till en fadeout-animation */
}

/* Definiera fadeout-animationen */
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}





.tws-articles-two .slick-slider .slick-slide {height:450px;}

.tws-container--tws-articles-two-type-carousel .thumbnail .caption {margin-bottom:-50px;}  




#customSearchForm {
    max-width: 100%;
    display: flex;
    align-items: center;
    border: 0px solid #ccc; /* Lägger till en gräns runt formuläret */
    border-radius: 5px; /* Ger formuläret rundade hörn */
    overflow: hidden; /* Ser till att barnen inte kan sticka ut */
  }

  #customSearchQuery {
    flex-grow: 1; /* Gör input-fältet flexibelt och tar upp resterande utrymme */
    padding: 10px; /* Lägger till lite utrymme inuti input-fältet */
    border: none; /* Tar bort input-fältets gräns */
    font-size: 16px; /* Ökar textstorleken lite */
    background-color:#333;
  }

  #customSearchButton {
    background-color: #B78B4C; /* Sätt en bakgrundsfärg */
    border: none; /* Tar bort knappens gräns */
    color: white; /* Sätter textfärgen till vit */
    padding: 10px 15px; /* Lägger till utrymme runt ikonen */
    cursor: pointer; /* Visar en pekare-ikon när du hovrar över knappen */
    font-size: 13px; /* Matchar textstorleken med input */
  }

  #customSearchButton:hover {
    background-color: #B78B4C; /* Mörkare blå när muspekaren är över */
  }

  #customSearchButton:active {
    background-color: #B78B4C; /* Ännu mörkare blå vid klick */
  }

  #customSearchButton:focus, #customSearchQuery:focus {
    outline: none; /* Tar bort fokusomkretsen för ett snyggare utseende */
  }

#customSearchQuery::placeholder {
  transition: opacity 0.5s ease-in-out;
}

#customSearchQuery.fade-out::placeholder {
  opacity: 0;
}



.trailblazer--top-bar {
  position: fixed; /* Gör att elementet är fast vid toppen av sidan */
  top: 0;
  width: 100%;
  transition: top 0.3s; /* Mjuk övergång för 'top'-egenskapen */
}


.trailblazer--search-button {visibility: hidden;}


#customSearchButton {
    background-image: url('https://cdn.abicart.com/shop/ws12/75712/files/soekikon.png'); /* Ange rätt sökväg till din ikonfil */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px; /* Justera storleken efter behov */
    color: transparent; /* Gör texten transparent så att endast ikonen syns */
    border: none; /* Stilpreferens */
}



.litepadding {padding-bottom:40px}

.trailblazer--searchbar-open .slot--header-search {opacity:1;}

.brand-logos {padding-top:20px;}

.trailblazer--start-page .tws-container--tws-custom-html a { text-decoration:none; color:#b48b4f}

.sida1rubrik {
font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:40px; padding-left:0px; padding-bottom:20px; line-height:40px; 
}
.sida1knapp {
  margin-top:20px;
  background-color: #333;
  border: none;
  padding: 13px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-family: 'dinot-bold';
  font-weight: normal;
  font-size: 13px;
  color: #FFFFFF;
  justify-content: center;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s; /* Lägg till övergångseffekt för bakgrundsfärgen och textfärgen */
}

.sida1knapp:visited {
  color: #FFFFFF;
}

.sida1knapp:hover {
  background-color: #555;
  color: #FFFFFF;
  text-decoration: none;
}

.video-container {
  position: relative;
  overflow: hidden;
  padding-bottom:2px;
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
  margin-right:-30px; 
}

.overlay h3,
.overlay h4 {
  margin: 0;
}

video {
  width: 100%;
  height: 600px;
  object-fit: cover;
}


@media (max-width: 767px) {
  /* Mobilskärmstil */
  .litepadding {padding-bottom:32px}
  .tws-container--tws-articles-two-type-carousel .tws-list--type-carousel {padding-left:5px; padding-right:5px;}
  .tws-articles-two .slick-slider .slick-slide {height:360px;}
  
  .tws-container--tws-articles-two-type-carousel .thumbnail .caption { margin-bottom:50px;}
  
  
  .video-container::before {
    background-size: contain; /* Anpassa efter behov */
  }

  video {
    width: 100vw;
    height: 120vw;
  }
}


.bild1 
{
background-image: url('https://cdn.abicart.com/shop/images/208030135-origpic-1a28cf/ws12/75712/art12/h0135/EU_102482_N04_AVB.jpg');
  background-size: cover; /* Anpassa detta beroende på ditt behov */
  background-attachment: fixed;
  background-position: 0% 50%;
  height: 600px; /* Anpassa höjden beroende på ditt behov */
  overflow: hidden; /* För att klippa bort eventuell överskottsbild om den inte passar exakt i höjd */
}

.tws-article-filter--filter-control-container.above-list
{max-width:1400px; margin:auto;}



@font-face {
  font-family: Bebas Neue;
  src: url(https://webshop.vildmarken.se/shop/ws12/75712/files/VM2/BebasNeue-Regular.woff);
}

@font-face {
  font-family: Bebas Neue;
  src: url(https://webshop.vildmarken.no/shop/ws12/75712/files/VM2/BebasNeue-Regular.woff);
}
 

@font-face {
  font-family: Dinot-Regular;
  src: url(https://webshop.vildmarken.se/shop/ws12/75712/files/Fonts/DINOT-Regular.woff);
}

@font-face {
  font-family: Dinot-regular;
  src: url(https://webshop.vildmarken.no/shop/ws12/75712/files/Fonts/DINOT-Regular.woff);
}

@font-face {
  font-family: Dinot-bold;
  src: url(https://webshop.vildmarken.se/shop/ws12/75712/files/Fonts/DINOT-Bold.woff);
}

@font-face {
  font-family: Dinot-bold;
  src: url(https://webshop.vildmarken.no/shop/ws12/75712/files/Fonts/DINOT-Bold.woff);
}

.handskar  {background-color:#f8f8f8; padding-top:25px; padding-bottom:25px;}
.produktgrupper {background-color:#f8f8f8; padding-top:25px; padding-bottom:25px;}

.trailblazer--top-bar .trailblazer--top-bar-wrapper
{padding-top:15px; padding-bottom:15px; z-index: 9999;}

ul.extrameny {
  list-style: none;
  padding: 0;
}

ul.extrameny li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #888; /* Adjust border color for dark grey background */
  display: inline; /* Display list items inline */
}

ul.extrameny li:last-child {
  border-right: none; /* Remove the border on the last list item */
}

ul.extrameny li a {
  text-decoration: none; /* Remove underline from links */
  padding-right: 18px; /* Add some padding for spacing */
  display: inline-block;
  color: #fff; /* Set link text color to white for contrast */
}

ul.extrameny li a:hover {
  background-color: #444; /* Adjust background color on hover for contrast */
}



.trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--first-line
{
font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:35px; padding-left:0px; 
}

.tws-article-description--text { font-size:12px; }

h4 {font-size:18px; font-weight:bold;}

.trailblazer--start-page .trailblazer--component-container .tws-content-box--table
{padding-bottom:35px;}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .btn .fa {
    margin-left: 7px;
    margin-right:0px;
    font-size: 8px;
  }

.slot--top-bar-selling-points ul li {margin:2px 5px}
  

.tws-article-attributes
 { font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:25px;
  color:#c39d4c;
}
.tws-article-attribute-title {font-weight:normal; visibility:hidden; }
.tws-article-attributes .tws-article-attribute-title {display:none;}

.slot--article-attributes {
padding-bottom: 10px;
}
.tws-article-attributes ul {border:0px; padding:0px;}
.tws-article-attributes ul li {padding-left:0px; margin-bottom:-15px}

.brand-flag
 { font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:15px;
  color:#c39d4c;
  margin-bottom:-10px;
}


.tws-articlegroups .thumbnail, .tws-articlegroup-list .thumbnail
{border:0px; height:200px; }

.storfonster {padding-top:20px;}
.trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--second-line
 { font-family: 'dinot-regular'; font-weight:bold; font-size:14px; padding-left:5%; padding-right:5%; padding-bottom:10px;

}
.tws-content-box--left {text-align:center;}
.tws-util-heading {align-items:center;}

.tws-articles-two .slick-slider .thumbnail
{min-height:450px;}

.tws-articles-two .slick-slider .thumbnail:hover
{box-shadow:none;}

.tws-cta-slider .slide__image-wrapper {
  background-color:#fff;
 max-width:100px;
max-height:100px;
}
.tws-cta-slider .slide {width:190px; min-width:190px;}

.outer{height:200px;}
.tws-cta-slider .slider__controls {margin-top:-70px;}

.tws-cta-slider .slide__content {visibility:visible; opacity:100;}

.tws-cta-slider .slide {height:190px; margin:0px; opacity:100}

.tws-cta-slider .slide__image-wrapper {left:auto; height:300px;}

  .tws-cta-slider .slide__headline {
    font-size:25px; font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; margin-top:30px; padding-top:30px}

.tws-article-list--list .tws-article-list--introduction-text
{text-align:left; padding-top:10px; max-height:100px; overflow:hidden;}
.tws-article-list--list .tws-article-list--introduction-text:hover
{   filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0));}

.trailblazer--start-page .tws-container--tws-custom-html {  margin: 0 auto;}

.undersida {float:left; position:relative; width:700px; margin-left:20px; margin-right:20px; }
.undersida2 {float:left; position:relative; width:30%; margin-left:20px;  }

.page-canvas {
  overflow-x:hidden}

.trailblazer--header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index:1000;
   filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.3));
}

.body {   overflow-x:hidden; }

.tws-theme-foundation-content--done .trailblazer--main-wrapper {
margin-top:103px;
}

.row {margin-left:0px; margin-right:0px;}

.trailblazer--start-page .tws-container--tws-content-box-2x .tws-content-box-2x.row, .trailblazer--start-page .tws-container--tws-content-box-3x .tws-content-box-3x.row, .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row
{margin:0px;}

.tws-articlegroups .thumbnail .caption, .tws-articlegroup-list .thumbnail .caption {
background-color: rgba(0, 0, 0, 0); /* Transparent svart */
  font-family: 'Bebas Neue', 'Bebas2'; font-weight:bold; font-size:45px;
  color:#ffffff;
  border: solid 4px #c39d4c;
  border-radius:15px;
}
.tws-articlegroups .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, .tws-articlegroup-list .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, .tws-util-heading .tws-custom-page--articles-heading
{color:#fff; font-weight:bold;}
.tws-util-heading .tws-custom-page--articles-heading {   font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:45px;
}
.tws-opc-cart--header h2 {
   font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:45px;
}

.tws-custom-page--articles-heading .tws-util-heading--heading
 {
   font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:45px; padding-top:35px;
}


.slot--checkout-discount {background:#e4dac4}

.tws-opc-cart--cart-heading, .opc-checkout--related .tws-articles-two--heading .tws-util-heading--heading, .opc-checkout--summary h2, .tws-cart-summary--header, .tws-checkout--select-delivery-heading, .tws-checkout--select-payment-heading, .tws-checkout--complete-heading
 {
   font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:25px; padding-top:35px;
}

.tws-list-controls {padding-bottom:0px;}

.tws-instagram 
  {max-width:1400px; margin: 0 auto;
 
}



.trailblazer--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li a
{ 
font-family: 'dinot-regular';  padding-left:15px; font-weight:bold; 
  padding: 10px 35px 10px 0 }
}


.tws-vertical-menu-light--inner-ul
 li a
{ 
font-family: 'dinot-regular';  font-size:18px; padding-left:15px; font-weight:normal;
  padding: 14px 35px 14px 0 }
}


.tws-vertical-menu-light--level {font-family: 'dinot-regular'; font-weight:normal; font-size:18px; padding-left:15px;
  padding: 14px 35px 14px 0 }
}

.tws-instagram h2 {

font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal; font-size:30px; line-height:30px; padding-bottom:0px;
  }


.tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, .tws-custom-page--articlegroups-heading .tws-util-heading--heading, .tws-custom-page--article-heading .tws-util-heading--heading
  {max-width:1400px; margin: 0 auto; border:0px;
text-align:left;
font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal;  font-size:65px; line-height:55px; color: #B78B4C;
    padding: 0 0 0px 0;
}

.tws-list--type-list, .tws-list--type-grid   {max-width:1400px; margin: 0 auto; }

.fyrafonster {max-width:1400px; padding-top:20px; margin: 0 auto;}
.andrafonster {max-width:1400px; padding-top:20px; margin: 0 auto;}
.fyrfonster {max-width:1400px; padding-top:0px; margin: 0 auto; margin-top:-50px;}

.tws-articlegroup-list--info {max-width:1400px; padding:40px; margin: 0 auto; background-color:#333; color:#FFF; margin-top:-30px; }

@media (max-width: 767px) { 
 .tws-articlegroup-list--info { padding:20px; padding-bottom:30px; margin-top:-30px;}
.tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, .tws-custom-page--articlegroups-heading .tws-util-heading--heading, .tws-custom-page--article-heading .tws-util-heading--heading
  {margin-bottom:-15px;}
}

@media (max-width: 768px) {
    .tws-articlegroup-list--info.row p {
        font-size: 11px;       padding-top:10px;
    }
}

@media (min-width: 769px) {
    .tws-articlegroup-list--info.row p {
        width: 750px; /* Begränsar bredden till 30% av skärmen */
        text-align: left; /* Vänsterställer texten */
      padding-top:10px;
    }
}

@media (min-width: 769px) {
    .tws-articlegroup-list--info {
        background-color: #333; /* Sätter bakgrundsfärgen */
        background-image: url('https://webshop.vildmarken.se/shop/ws12/75712/files/VILDMARKEN/2025/monster-vm.png'); /* Lägger till PNG-filen */
        background-repeat: no-repeat; /* Hindrar att mönstret upprepas */
        background-position: left top; /* Vänsterställer mönstret */
        background-size: 1800px; /* Behåller bildens naturliga storlek */
    }
}

@media (max-width: 768px) {
    .tws-articlegroup-list--info {
        background-color: #333; /* Sätter bakgrundsfärgen */
        background-image: url('https://webshop.vildmarken.se/shop/ws12/75712/files/VILDMARKEN/2025/monster-vm.png'); /* Lägger till PNG-filen */
        background-repeat: no-repeat; /* Hindrar att mönstret upprepas */
        background-position: left top; /* Vänsterställer mönstret */
        background-size: 700px; /* Behåller bildens naturliga storlek */
    }
}

.container {max-width:1400px; padding:0px}

.trailblazer--start-page .tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-4x
{margin:auto;}

.trailblazer--body {min-height:fit-content;}

.trailblazer--article-images .slot--article-images .tws-article-images--current-image {border:0px;}
.trailblazer--article-images .tws-article-images--slick-nav .tws-img  {border:0px;}

.tws-article-list--list .tws-list--type-grid .thumbnail{box-shadow:
  ;}
.tws-article-list--list .tws-list--type-grid .thumbnail 
{border:0px;}

.tws-articles-two .slick-slider .thumbnail {min-height:390px; box-shadow:none;}

.tws-article-list--list .tws-list--type-grid .thumbnail .caption
{box-shadow:none;}
.tws-container--tws-articles-two-type-carousel .thumbnail .caption
{box-shadow:none;}

.tws-container--tws-articles-two-type-carousel .thumbnail
{border:0px;}

.tws-articles-two .slick-slider .slider-wrapper {min-height:455px;}
.slick-list {}

.tws-articles-two .slick-slider .slider-wrapper:hover {background-color:#f7f7f7}

.tws-list--grid-item:hover  {border-radius:0px; box-shadow:none; background-color:#f7f7f7}

.tws-article-list--list .tws-list--type-grid .thumbnail  {border-radius:0px; box-shadow:none;}

.tws-article-list--list:hover .tws-list--type-grid:hover .thumbnail:hover  {border-radius:0px; box-shadow:none;}

.tws-article-list--list:hover .tws-list--type-grid:hover .thumbnail:hover .caption:hover {border-radius:0px; box-shadow:none; background-color:#f7f7f7}

.tws-container--tws-content-box-2x .tws-content-box-2x.row, .tws-container--tws-content-box-3x .tws-content-box-3x.row, .tws-container--tws-content-box-4x .tws-content-box-4x.row
{max-width:100%; margin: 0 auto;}


.tws-article-list--list .tws-list--type-grid 
  {max-width:1400px; margin: 0 auto;}


.slot--breadcrumbs { 
  padding-top:55px; padding-left:20px; padding-right:20px; padding-bottom:30px;}

.trailblazer--start-page .tws-articles-two--heading .tws-util-heading--heading, .trailblazer--start-page .tws-articlegroups--title .tws-util-heading--heading
{
font-family: 'Dinot-bold'; font-weight:normal; font-size:20px; line-height:30px; letter-spacing:-.2px; padding-bottom:0px;}

.slot--article-page-footer .tws-articles-two--heading .tws-util-heading--heading 
{
font-family: 'Dinot-bold'; font-weight:normal; font-size:25px; line-height:26px; letter-spacing:-.2px; padding-bottom:0px;}

.trailblazer--start-page .tws-container--tws-articlegroups {
  margin:0px 0 0 0;
margin-top:0px;}

.trailblazer--start-page .tws-container--tws-articles-two {
  margin:30px 0 0 0;}

.trailblazer--start-page .tws-articles-two--heading .tws-util-heading--heading, .trailblazer--start-page .tws-articlegroups--title .tws-util-heading--heading
{ border-bottom:0px; padding:0px; padding-top:7px;}

.tws-util-heading--heading
{padding-bottom:5px; padding-top:5px}

.tws-articlegroups .tws-list--type-grid, .tws-articlegroup-list .tws-list--type-grid
{max-width:1400px; margin: 0 auto; }

.tws-articlegroups .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, .tws-articlegroup-list .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a
 { 
  font-family: 'Bebas Neue'; font-weight:normal; font-size:22px; padding-bottom:20px;

}

.trailblazer--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box, .trailblazer--start-page .tws-container--tws-content-box-3x .tws-content-box-3x--box, .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x--box
{
  padding-left:5px; padding-right:5px; padding-bottom:10px;

}
.trailblazer--start-page .trailblazer--component-container .tws-content-box--table
{  justify-content:center; }

.trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--third-line {
    background-color: #333; /* Green */
  border: none;
  color: white;
  padding: 13px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block; 
  font-weight:bold;
   text-shadow: 0px 0px 3px #a0a0a0;
  font-family: 'dinot-bold'; font-weight:normal; font-size:13px;
  color:#FFFFFF;
  justify-content:center;
  text-transform:uppercase;

}

 


.tws-article-name h1 {
  font-family: 'Dinot-bold'; font-weight:normal; font-size:65px; line-height:45px;}

.tws-container--tws-content-box .tws-content-box--first-line {
font-family: 'Bebas Neue', 'Bebas2'; font-weight:normal;  font-size:65px; line-height:45px;}

.trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--first-line
{font-weight:normal; font-size:45px; line-height:45px; padding-top:290px; }

.tws-container--tws-content-box-2x .tws-content-box--first-line
 {
font-family: 'Bebas Neue',  'Bebas2'; font-weight:normal; font-size:60px; line-height:30px; padding-bottom:0px;}


.tws-content-box--cell h1, .tws-content-box--cell h2, .tws-content-box--cell h3, .tws-content-box--cell h4, .tws-content-box--cell h5, .tws-content-box--cell h6, .tws-content-box--cell .h1, .tws-content-box--cell .h2, .tws-content-box--cell .h3, .tws-content-box--cell .h4, .tws-content-box--cell .h5, .tws-content-box--cell .h6 
{color:000;}
.tws-content-box--cell h2, .tws-content-box--cell .h2 {font-size:12px; letter-spacing:1px; color:#ffffff; }


.tws-content-box--left {text-align:center;}


.TOPSLIDER {width:100%;
  transform: skew(10deg, 10deg, 20deg, 30deg);}

.trailblazer--body .trailblazer--body-wrapper {padding:0px 0px; width:100%; max-width:100%}



@media (max-width: 767px) {
 .trailblazer--start-page .tws-container--tws-content-box-2x .tws-content-box-2x--box, .trailblazer--start-page .tws-container--tws-content-box-3x .tws-content-box-3x--box, .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x--box
{
  padding-left:0px; padding-right:0px; padding-bottom:5px;
  } 
 
.trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--first-line
{font-weight:normal; font-size:45px; line-height:45px; padding-top:100px; }

.tws-article-name h1 {
  font-family: 'Dinot-bold'; font-weight:normal; font-size:25px; line-height:26px;}
  
.tws-article-list--list .tws-article-list--introduction-text
{ height:50px}
  
  .slot--top-bar-selling-points ul li a, .slot--top-bar-selling-points ul li a:hover, .slot--top-bar-selling-points ul li a:focus
  {font-size:10px;}
  
  
.trailblazer--top-bar {margin-top:65px;}
 .slot--top-bar-selling-points ul {transform:scale(1)}
  
  .andrafonster .tws-img--container .tws-react-img--container .tws-img--cover .tws-react-img--cover .tws-react-img--aspect-ratio-box
  {min-height:750px;} 
  

  
  .trailblazer--start-page .trailblazer--component-container .tws-content-box--table .tws-content-box--first-line
{font-weight:normal; font-size:35px; line-height:35px; }
  
  .trailblazer--start-page .trailblazer--component-container {margin-top:-17px;}
  
  .trailblazer--body .emporium--body-wrapper {padding:0px; }
  .ruta1 {display:none;}
  .mobilruta {display:block;}}

  .tws-list--list .tws-articlegroups .tws-articlegroups--col-xs-2 .tws-articlegroups--col-sm-2 .tws-articlegroups--col-md-4 .tws-articlegroups--col-lg-4
{max-width:1400px; margin: 0 auto; padding-bottom:30px}
    


.trailblazer--sidebar
{ max-width:500px;}


.tws-article-name h1 {
  font-family: 'Dinot-bold'; font-weight:normal; font-size:35px; line-height:36px;}

.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading
{ font-weight:bold; margin-bottom:-15px; 
font-family: 'Dinot-Regular', cursive; font-size:20px; line-height:20px;
}

.slot--breadcrumbs   {max-width:1400px; margin: 0 auto; padding-bottom:10px}



.ANDRARUTAN
  {max-width:1400px; margin: 0 auto;}

.trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-4x
  {max-width:1400px; margin: 0 auto; padding-top:5px;}



.tws-article-list--list .tws-list--type-grid 
  {max-width:1400px; margin: 0 auto; }

.trailblazer--body .emporium--body-wrapper {padding:0px;}

.trailblazer--article  {max-width:1400px; margin: 0 auto;}
.tws-list-controls  {max-width:1400px; margin: 0 auto; padding-bottom:30px;}
  .mobilruta {display:none;}

.customPageItem.customPageHtml
   {max-width:1400px; margin: 0 auto; box-shadow:none;}
.opc-checkout  {max-width:1400px; margin: 0 auto; padding:15px;}

.slick-slider .tws-articles-two--list .tws-list--type-carousel .slick-initialized {max-width:1400px; }
.tws-container--tws-articles-two-type-carousel .tws-list--type-carousel {max-width:1400px; margin: 0 auto;}

.emporium--article-top .emporium--article-right-col .emporium--article-right-col-wrapper {box-shadow:none;}
.slot--article-page-footer .tws-container--tws-articles-two .tws-articles-two {box-shadow:none;}
.emporium--article-bottom {box-shadow:none;}
.emporium--article-images .tws-article-images--slick-nav {box-shadow:none;}
.emporium--article-images .slot--article-images .tws-article-images--current-image {box-shadow:none; }

.tws-article-list--list .tws-list--type-grid .thumbnail .caption
{box-shadow:none;}
.tws-container--tws-articles-two-type-carousel .thumbnail .caption
{box-shadow:none;}
.tws-article-list--list .tws-list--type-grid .thumbnail 
{border:0px;}

.tws-container--tws-articles-two-type-carousel .thumbnail
{border:0px;}

.tws-list--list .tws-article-list--col-xs-2 .tws-article-list--col-sm-2 .tws-article-list--col-md-4 .tws-article-list--col-lg-4
{height:420px;}


.tws-articles-two .slick-slider .thumbnail {box-shadow:none;}
.tws-articles-two .slick-slider .slider-wrapper {height:auto;}

.tws-article-list--list .tws-article-list--price .tws-api--price-regular {text-align:left;}
.tws-articles-two .slick-slider .thumbnail .caption  {align-items:left; -webkit-align-items:left;}
.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading a {font-weight:normal; text-align:left;}

.tws-article-list--list .tws-article-list--buy-button .btn {border-radius: 25px; padding:13px:}
.tws-article-list--list .tws-article-list--buy-button .btn {visibility:hidden;}

.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading {text-align:left; font-size:18px; font-weight:bold;}


.tws-article-list--list .tws-list--type-grid .caption  {align-items:normal; -webkit-align-items:normal;}
.twsPriceCurrent   {color:#333333; font-size:12px; }
.tws-article-list--list .tws-article-list--price .tws-api--price-current { font-size:15px; }
.tws-article-list--list .tws-article-list--price .tws-api--price-regular   { font-size:12px; }
.swipea {padding:0px; position:relative; margin-top:0px;}
.emporium--start-page .tws-container--tws-custom-html {margin-top:-50px; background:transparent;}
  

.slick-slider .tws-articles-two--list .tws-list--type-carousel .slick-initialized {max-width:1400px; height:420px }
.tws-container--tws-articles-two-type-carousel .tws-list--type-carousel {max-width:1400px; margin: 0 auto;}


.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading
{ font-weight:bold; margin-bottom:-15px; 
font-family: 'Dinot-Bold', cursive; font-size:15px; line-height:17px;
}

tws-content-box--table{border-radius: 25px;}




  .tws-article-list--list .tws-article-list--labels .tws-article-labels--special-offer .tws-article-labels--label-text

{ color:#ffffff; background: red;}
 .trailblazer--article-images .slot--article-labels .tws-article-labels--special-offer .tws-article-labels--label-text 
 { color:#ffffff; background: red;}
  
@media (max-width: 767px) {
  
    h1 {
  font-family: 'Dinot-bold'; font-weight:normal; font-size:28px; line-height:38px;}
  
  
.tws-article-name h1 {
  font-family: 'Dinot-bold'; font-weight:normal; font-size:28px; line-height:29px;}
  
.trailblazer--top-bar {margin-top:65px;}
  .andrafonster .tws-img--container 
  .tws-react-img--container .tws-img--cover .tws-react-img--cover .tws-react-img--aspect-ratio-box
  {min-height:750px;} 
  
 .tws-article-list--list .tws-article-list--introduction-text
{font-size:9px}
.trailblazer--body .trailblazer--body-wrapper {padding:0px; width:100%; max-width:100%; padding-top:5px}
.tws-list--type-grid {padding-left: 10px; padding-right: 10px; padding-top:0px; }
.trailblazer--start-page .tws-container--tws-content-box-2x .tws-content-box-2x.row .tws-content-box-2x--box
  {margin:0px;}
.trailblazer--start-page .tws-container--tws-articlegroups {margin: -18px 0px 0px 0px;}
  .trailblazer--article-top .trailblazer--article-right-col {padding-left:20px; padding-right:20px; padding-top:10px;}
  .trailblazer--article-images {padding:20px;}
  .slot--article-description .tws-article-description{padding-left:20px; padding-right:20px; }
  .tws-article-list--list .tws-article-list--labels .tws-article-labels--new .tws-article-labels--label-text
  {font-size:7px; }
  .tws-article-list--list .tws-article-list--labels .tws-article-labels--special-offer .tws-article-labels--label-text
  {font-size:7px;   color:#ff5400; background: black;}
  
  
  .tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, .tws-custom-page--articlegroups-heading .tws-util-heading--heading, .tws-custom-page--article-heading .tws-util-heading--heading
  {font-size:39px; line-height:37px;}
  
  
.trailblazer--start-page .tws-container--tws-articlegroups
{transform:skew(0deg);} 
  
  .undersida {float:left; position:relative; width:100%; padding-left:10px; padding-right:50px; }
.undersida2 {float:left; position:relative; width:30%; margin-left:20px;  }
  .trailblazer--article-top .trailblazer--article-right-col { margin: 0px auto;}
}



@media only screen and (min-width: 480px) {
  
  
.trailblazer--top-bar {margin-top:65px;}
  
  .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row .tws-content-box-4x--box
  {width:25%; padding:5px;}
.trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-2x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-3x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-content-box-4x, .trailblazer--start-page .tws-container--tws-content-box-4x+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-klarna-on-site-messaging, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-2x, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-3x, .trailblazer--start-page .tws-container--tws-klarna-on-site-messaging+.tws-container--tws-content-box-4x
  { padding-top:30px;}

  
}  .trailblazer--start-page .tws-container--tws-content-box-4x .tws-content-box-4x.row .tws-content-box-4x--box
  {width:25%}

.tws-container--tws-content-box-4x .andrafonster
{padding-top:0px;}  



.tws-article-list--list .tws-article-list--price .tws-api--price-current {
  display:inline-block; font-family:'Bebas Neue', cursive; font-weight:normal; font-size:18px;letter-spacing:0.3px}

.tws-article-list--list .tws-article-list--price .tws-api--price-regular {
  display:inline-block; margin-right:5px;font-family:'Bebas Neue', cursive; font-weight:normal; font-size:16px; letter-spacing:0.8px}

.slot--article-price .tws-api--price-current.tws-api--price-both-shown {
  font-family:'Bebas Neue', cursive; font-weight:normal; font-size:28px;letter-spacing:0.3px}

.slot--article-price .tws-api--price-regular {
  font-family:'Bebas Neue', cursive; font-weight:normal; font-size:25px; letter-spacing:0.8px}




.trailblazer--header  {
  position: fixed;
  width: 100%;
  transition: all 0.5s ease;
  opacity: 1;
}

.trailblazer--header.visible {
  top: 0;
  opacity: 1;

}

.trailblazer--top-bar {
 position: absolute;
  width: 100%;
  z-index:777; 
}


  
.trailblazer--header .trailblazer--header-wrapper
{max-height:66px;}

.slot--header-logo .tws-logo
{max-width:250px;}


 

.tws-article-list--price:after {
/*   content: "<div class=\"brand-flag\"></div>"; */
/*     content: "<h1>VM</h1>"; */
}
  







.tws-article-labels--label {
  opacity: 0;
  animation: slideInFromLeft 0.8s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

.tws-article-labels--label:nth-child(1) {
  animation-delay: 0.2s;
}

.tws-article-labels--label:nth-child(2) {
  animation-delay: 0.3s;
}








.tws-list--type-grid .caption {
    opacity: 0;
    animation: fadeInUp 0.5s;
    animation-delay: 0.1s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

.tws-list--type-grid .caption:nth-of-type(2) {
    animation-delay: 0.2s;
}

.tws-list--type-grid .caption:nth-of-type(3) {
    animation-delay: 0.3s;
}

.tws-list--type-grid .caption:nth-of-type(4) {
    animation-delay: 0.4s;
}

.tws-list--type-grid .caption:nth-of-type(5) {
    animation-delay: 0.5s;
}

.tws-list--type-grid .caption:nth-of-type(6) {
    animation-delay: 0.6s;
}

.tws-list--type-grid .caption:nth-of-type(7) {
    animation-delay: 0.7s;
}

.tws-list--type-grid .caption:nth-of-type(8) {
    animation-delay: 0.8s;
}

.tws-list--type-grid .caption:nth-of-type(9) {
    animation-delay: 0.9s;
}

.tws-list--type-grid .caption:nth-of-type(10) {
    animation-delay: 1s;
}

@keyframes fadeInUp {
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}










.tws-articlegroups .thumbnail .caption, .tws-articlegroup-list .thumbnail .caption {

background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    font-family: 'Dinot-regular';
    font-weight: bold;
    font-size: 45px;
    color: #ffffff;
    border: solid 0px #c39d4c;
    border-radius: 0px;
    padding: 8px 15px;
    margin: 0px;
}





.tws-cta-slider .slide {max-width:120px; width:120px;}

.tws-articlegroups .thumbnail .tws-articlegroup-list--grid-img-wrapper, .tws-articlegroup-list .thumbnail .tws-articlegroup-list--grid-img-wrapper
{height:100px;}

 .blacweek {max-width:1400px; padding-top:0px; margin-top:-20px; margin-bottom:-200px; margin: 0 auto; !important}





.tws-vertical-menu-light--level {
font-size:35px; 
}
.trailblazer--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li a {
 font-size:15px; 
}


/* Huvudkategori: Identifiera första nivån */
.tws-vertical-menu-light-root-level > li > a {
    font-weight: bold; !important
}

/* Underkategori: Identifiera nivåer under huvudnivån */
.tws-vertical-menu-light-root-level li ul li a {
    font-weight: normal; !important
}





.tws-articlegroup-list--product-image .tws-img--container {
    position: relative !important;
    height: 200px !important; /* Ange önskad höjd */
    overflow: hidden !important;
}

.tws-articlegroup-list--product-image .tws-img--container img {
    object-fit: cover !important; /* Bilden ska täcka containern utan att bli klippt konstigt */
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}












.support-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 10px;
}

.support-block {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.support-image {
    width: 400px;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
}

.support-text {
    padding: 40px;
    flex: 1;
}

.support-text h2 {
    margin-bottom: 10px;
    font-size: 1.6em;
    color: #bd8c41;
}

.support-text p {
    margin-bottom: 10px;
    font-size: 1em;
}

.support-text a {
    color: #bd8c413;
    text-decoration: none;
}

.support-text a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .support-block {
        flex-direction: column;
    }

    .support-image {
        width: 100%;
    }


}




      .booking-menu {
            padding: 20px 7px 20px 8px;
                font-size: 12px;
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: #3498db;
       
            border-radius: 5px 0 0 5px;
            cursor: pointer;
            color: white; 
            writing-mode: vertical-rl;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        z-index:999999;
          font-family: 'dinot-bold'; 
        }
        .booking-panel {
            position: fixed;
            right: -250px;
            top: 50%;
            transform: translateY(-50%);
            width: 250px;
            background: #3498db;
            color: white;
            transition: right 0.3s;
            padding: 15px;
            border-radius: 10px 0 0 10px;
            overflow: hidden;
                 z-index:9999999;
            font-family: 'dinot-bold'; 
        }
        .booking-panel.active {
            right: 0;
        }
        .booking-panel ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .booking-panel ul li {
            padding: 10px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }
        .booking-panel ul li:last-child {
            border-bottom: none;
        }
        .booking-panel ul li a {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .close-btn {
            position: absolute;
            top: 5px;
            right: 10px;
            cursor: pointer;
            font-size: 20px;
        }
        @media (max-width: 600px) {
          .booking-menu {
                padding: 20px 7px 20px 8px;
                font-size: 12px;
            }
            .booking-panel {
                width: 60%;
                right: -60%;
            }
            .booking-panel.active {
                right: 0;
            }
        }


@media (min-width: 1024px) {
    .bildspel-slakt {
        display: none;
      padding-top:-150px;
    }
}


.tws-container--tws-image-carousel.bildspel-slakt {
    margin-top: 10px; margin-bottom:60px;
}

.tws-article-list--product-image {background-color:#ffffff} 
/*..tws-article-list--product-image {background-color:#e5edcc} */
.tws-article-list--list .tws-img--image {padding:10%; border:solid 3px #f5f5f5}
.tws-article-list--list .tws-img--image:hover {
  padding: 0;
}

.slot--texbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* justera vid behov */
  background-color: white; /* valfritt: lägg till bakgrund så den inte blir transparent */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* valfritt: ge lite djup */
}