:root, body {
  font-family: "Inter", serif;
  font-weight: 400;
  line-height: 150%;
  overflow-x: hidden;
}

.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--column-gap, 0);
    column-gap: var(--umb-block-grid--column-gap, 0);
    row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}


.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 30px);
    column-gap: var(--umb-block-grid--areas-column-gap, 30px);
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

.umb-block-grid__layout-item > div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}

body.menuOpen {
    height: 100vh;
    overflow-y:hidden;
}

.videoWrapper .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div[data-content-element-type-alias="umbBlockGridDemoRichTextBlock"] .container {
    width: auto;
    max-width: inherit;
}

a img.scale {
    transition: scale 0.5s;
}

a img.scale:hover {
    scale: 1.05;
}

.border-top.white,
.border-bottom.white {
    border-color: var(--secondary) !important;
}

.border-radius-small {
    border-radius: 12px;
}

img.round {
    border-radius:100%;
}

.rounded {
    overflow:hidden;
}

.hidden {
    display:none;
}

.d-grid {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    width: 100%;
    box-sizing: border-box;
}

.d-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.d-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.d-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  width: 100%;
  box-sizing: border-box;
}

.gap-30 {
    gap: 30px;
}

div.row-size-, div.row-size-Standard {
    margin-left: 5%;
    margin-right: 5%;
}

div.row-size-Fullbredd {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

div.row-size-Smal {
    margin-left: 10%;
    margin-right: 10%;
    max-width: 100%;
}

/*div.row-size-Smal > div {
    width: 920px;
    max-width: 100%;
    margin:auto;
}*/

.removeGutter .umb-block-grid__area-container {
    column-gap: 0 !important;
}

.align-items-center > div {
    align-items: center;
}

.align-items-bottom {
    align-items: flex-end;
}

.swiper-container.brands .swiper-wrapper  {
    width: 375px;
}

.swiper-container.brands img {
    filter: grayscale(1);
}

.diagonalLeft,
.diagonalRight {
    position:relative;
}

.diagonalLeft:before {
    content: "";
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.diagonalLeft.Beige:before {
    background: linear-gradient(278deg, transparent 91%, var(--third) 77%)
}

.diagonalRight:before {
    content: "";
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.diagonalRight.Beige:before {
    background: linear-gradient(97deg, transparent 91%, var(--third) 77%)
}

.text-överlapp {
    overflow: inherit;
    position:relative;
    margin-top: -22%;
}

.TextBlock-overlay {
    position: relative;
}

.TextBlock-overlay > div {
    z-index: 1;
}

.TextBlock-overlay:after {
    content: "";
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
}

@media (max-width:820px) {

    .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
        -moz-column-gap: var(--umb-block-grid--areas-column-gap, 30px);
        column-gap: var(--umb-block-grid--areas-column-gap, 30px);
    }
    
    .sliderWrapper.vh-85 .swiper-slide {
        height: 55vh; 
    }
    
    .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
        display:block;
    }
    
     .umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
        display:flex;
        flex-wrap:wrap;
    }
    
    .switch-direction-mobile > div {
        flex-direction: column-reverse;
    }
    
    .d-grid,.d-grid-3, .d-grid-4 {
        display:block !important;
    }
    
    .diagonalLeft.Beige:before {
        background: linear-gradient(352deg, transparent 80%, var(--third) 77%);
    }
    
    .diagonalRight.Beige:before {
        background: linear-gradient(176deg, transparent 91%, var(--third) 77%);
    }
    
    .sm-d-block {
        display:block !important;
    }
    
    .text-överlapp {
        margin-top: 0;
    }
    
}