/* *****************************************/
/* RESETS */
/* *****************************************/
html{box-sizing:border-box;font-size:18px;background-color:#efefef;}
*,*:before,*:after{box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal;font-size:inherit;}
ol,ul{list-style:none;} 
img{height:auto;}
a:visited,a:link,a:active{	text-decoration:none;color:var(--farge-ia);}
table{width:100%;display:table;border-collapse:collapse;border-spacing:0;}
table,th,td{border:none;}
tr{margin-top:10px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.12);}
td,th{line-height:22px;padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px;}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: block;
  src: url(../fonts/barlow200.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}	
	
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(../fonts/barlow300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fonts/barlow400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(../fonts/barlow500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.font200 {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.font300 {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font400b {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font500 {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font14 { font-size:14px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font34 { font-size:34px;}
.font28 { font-size:28px;}
.font48 { font-size:48px;}
.h2_tekst {
	text-wrap: pretty;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
.outer_limits {
	max-width: 1240px;
	margin:0 auto;
	background-color:#ffffff;
}
.header {
	max-width: 1240px;
	margin:0 auto;
	background-color:#efefef;
	height:60px;
	
}
.header_main {
	background-color: #efefef;
	width:100%;
	position: sticky;
	height: 60px;
	top:0;
	z-index: 99;
}
.header_grid {
	display:grid;
	grid-template-columns: 150px auto;
	/*align-items: end;*/
	padding-left:20px;
	padding-right:20px;
}
.logo {
	height: 55px;
	padding-top:5px;
}
.padding10 {
padding:10px;	
}
.padding5 {
	padding:5px;	
}
.burger_bar {
		display:none;
	}
.menu_bar {
	text-align: right;
  padding-bottom: 5px;
}
.menu_bar ul {
      display: flex;
    justify-content: flex-end;
    gap: 10px;
    height: 60px;
    align-items: flex-end;
    padding-right: 10px;
}
.menu_bar li {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.menu_bar li:hover {
	cursor:pointer;
}
.video {
    width: 100%;
    height: 300px;
   /* margin-top: 30px;*/
    object-fit: cover;
}
.video_wrapper {
	position:relative;
}
.video_button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 10px;
    background-color: #911e39;
    color: white;
    border-radius: 5px;
}
.video_slogan {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.video_star {
position: absolute;
    top: 8px;
    right: 18px;
    width: 50px;
    height: 50px;
	}
.produkter_wrapper {
	margin-top:0px;
	margin-left:20px;
  width: calc(100% - 50px);
	/*    min-height: 100vh;*/
}
.produkt_tabell {
	display:grid;
		grid-template-columns: 120px auto;
		margin-top:10px;
		line-height: 26px;
}
.produkt_card {
	width:100%;
	/*background-color:#ffffff;*/
/*	height:200px;*/
	/*outline:1px solid #bbb;*/
	/*box-shadow: 0px 0px 6px 0px #e0e0e0;*/
background: rgb(251,251,251);
background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 50%);
/*max-width:380px;*/
margin-top:10px;
	
}
.produkt_card_flaske img {
	    max-height: 500px;
	padding:10px;
}
.links {
	position:relative;
}
.links:hover:after {
	position: absolute;
	content: '';
	width: calc(100% - 20px);
	height: 1px;
	bottom: 2px;
	left: 10px;
	background-color: #697169;
	cursor:pointer;
}
.link_presse:hover {
	cursor:pointer;
}
.produkter_grid {
	display:grid;
	grid-template-columns: 150px auto;
	gap:20px;
	    min-height: 500px;
}
.artikkel_linker {
	    text-decoration: underline !important;
    font-weight: 500;
    color: #343491 !important;

}

.produkter_meny {
	width:100%;
	/*background-color:blue;*/
	position:relative;
}
.produkter_meny_icon,.produkter_meny_icon2 {
	display:flex;
	padding-top: 5px;
    padding-bottom: 5px;
}
.produkter_meny_icon:hover,.produkter_meny_icon2:hover {
	background-color:#efefef;
	cursor:pointer;
}
.type_selected {
	background-color:#efefef;
}
.produkter_meny_icon2 img {
	    width: 21px;
    margin-left: 5px;
    margin-right: 7px;
}
.produkter_fixed {
	    position: fixed;
    top: 79px;
  /*  margin-left: 10px;*/
    outline: 1px solid #bbbbbb;
    padding: 5px;
    border-radius: 5px;
    width: 155px;
		
}
.pris_flex {
	    display: flex;
    justify-content: space-between;
}
.pris_lesmer {
	position:relative;
}
	
.pris_lesmer:hover {
	cursor:pointer;
}
.pris_lesmer::after {
	    position: absolute;
    top: 5px;
    content: "►";
    font-size: 13px;
    color: #000000;
    margin-left: 3px;
}
.produkter_main {
	width:100%;
	background-color:#ffffff;
}
.produkt_main {
	width:100%;
	background-color:#ffffff;
	margin-top: 10px;
}
.omoss_main {
	width:100%;
	background-color:#ffffff;
	margin-top: 10px;
	margin-left:15px;
	margin-top:20px;
}
.omoss_bilde {
	width:150px;
}
.omoss_tekst {
	max-width:50%;
}
.inputs {
	    padding: 8px;
    max-width: 500px;
		width:500px;
    border-radius: 10px;
    border: 1px solid #222;
    margin-right: 10px;
}
.sendknapp {
	padding: 5px;
    border-radius: 5px;
    font-size: 20px;
}
.sub_tekst {
	    max-width: 1240px;
    margin: 0 auto;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
    margin-right: 20px;
		gap:10px;
		
}
.sub_tekst img {
	width:80px;
	height:80px;
	
}
		
.viner_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(30%, 1fr));
    grid-gap: 10px;
    margin: 10px;
		margin-top:20px;
		
 
}
.viner_forside_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(30%, 1fr));
    grid-gap: 10px;
    margin: 10%;
		margin-top:20px;
		margin-bottom:20px;
		
 
}
.bruker_flex {
	border:1px solid grey;
	display:grid;
	     grid-template-columns: 150px 150px 150px 150px;

		margin-bottom:5px;
		padding:3px;
}
.bruker_button {
	width:100px;
}
.add_user_meny {
	display:none;
}
.nyhetsbrev {
    text-align: center;
    position: relative;
    max-width: 500px;
		width:500px;
	
		
    margin: 0 auto;
}
.download {
	width:100px;
	margin:10px;
}

.miljofyrtarn {
	text-align:center;
	position:relative;
}

.miljofyrtarn img {
	max-width: 300px;
  
    margin: 0 auto;
    display: flex;
    
}
.viner_forside_sub {
	text-align:center;
	position:relative;
}
.viner_forside_sub:hover {
	cursor:pointer;
}
.viner_forside_sub::after {
	    position: absolute;
    top: 8px;
    content: "►";
    font-size: 13px;
    color: #000000;
    margin-left: 3px;
}
.viner_card {
	width:100%;
	/*background-color:#ffffff;*/
	height:200px;
	/*outline:1px solid #bbb;*/
	box-shadow: 0px 0px 6px 0px #e0e0e0;
background: rgb(251,251,251);
background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 50%);
/*max-width:380px;*/
	
}
.viner_card_top {
	padding:10px;
	text-wrap: pretty;
}
.viner_card_left {
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
		width: 100%;
}
.viner_card_flaske img {
	height:200px;
	padding:10px;
}
.viner_card_grid1 {
display: flex;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.viner_card_bunn {
	padding: 10px;
   
  /*  width: 200px;
    display: flex;*/
    margin-bottom: 4px;
}
.produkt_card_bunn {
	padding: 10px;
   
  /*  width: 200px;
    display: flex;*/
    margin-bottom: 0px;
}
.beskrivelse {
		display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.heading {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.spacer10 {
	height:10px;
	display:block;
}
.spacer20 {
	height:20px;
	display:block;
}
.pris_hvit {
	background: rgb(249,217,97);
background: linear-gradient(90deg, rgba(249,217,97,0.2) 0%, rgba(255,255,255,1) 100%);
color:#000000;
}
.pris_rod {
	background: rgb(123,3,35);
background: linear-gradient(90deg, rgba(123,3,35,0.3) 0%, rgba(255,255,255,1) 100%);
	color:#000000;
}
.pris_sterk {
	background: rgb(123,3,35);
	background: linear-gradient(90deg, rgb(59 39 44 / 40%) 0%, rgba(255, 255, 255, 1) 100%);
	color:#000000;
}
.pris_rose {
	background: rgb(255,185,185);
	background: linear-gradient(90deg, rgba(255,185,185,0.2) 0%, rgba(255,255,255,1) 100%);
}
.pris_mus {
	background: rgb(219,193,148);
	background: linear-gradient(90deg, rgba(219,193,148,0.2) 0%, rgba(255,255,255,1) 100%);
}
.burger_menu {
	display:none;
	    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    color: black;
    z-index: 9999;
		padding:20px;
	}
.footer {
	width: 100%;
	background-color:#efefef;
}
.footer_inner {
	max-width: 1240px;
	margin:0 auto;
	
	padding:10px;
}
.main_artikkel {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
}
.main_beskrivelse {
	max-width:60%;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-left:2%;
}
.main_bilde {
	position: absolute;
	top: -44px;
	right: 15%;
	height: 300px;
	transform: rotate(14deg);
}
.main_divider {
	width:100%;
	height:1px;
	background-color:#222222;
	margin-top: 10px;
	margin-bottom: 5px;
}
.main_lesmer {
	padding-left:2%;
	margin-top:10px;
	position:relative;
}
.main_lesmer:hover {
	cursor:pointer;
}
.main_lesmer::after {
	position: absolute;
	top: 9px;
	content: "►";
	font-size: 13px;
	color: #000000;
	margin-left: 3px;
}	
.forside_vin_navn {
	max-width:70%;
}

.archive {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 1em;
	margin:20px;
}
.archive2 {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.boks{
	padding: 1em;
	/*background: #fff;
	box-shadow:
		0 5px 10px rgba(0, 0, 0, 0.1),
		0 20px 20px rgba(0, 0, 0, 0.05);*/
	margin:20px;
	margin-top:10px;
	width:100%;
}

.inputboks {

	border:1px solid #dedede;
	padding:10px;
	width:100%;
	margin-bottom:10px;

}

.article{
	padding: 1em;
	background: #fff;
	box-shadow:
		0 5px 10px rgba(0, 0, 0, 0.1),
		0 20px 20px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.article2{
	padding: 1em;
	background: #fff;
	box-shadow:
		0 5px 10px rgba(0, 0, 0, 0.1),
		0 20px 20px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.article img {
	height: auto;
    max-height: 200px;
    object-fit: contain;
    display: block;
    margin: 0;
    margin-bottom: 10px;
}

.article2 img {
	height:auto;
	max-height:500px;
	object-fit:contain;
	display:block;
	margin:0;
	margin-bottom:10px;
}

.article_header {
	margin-bottom:10px;
	text-wrap:pretty;
}



.article_header:hover {
	cursor:pointer;
	text-decoration:underline;
}
.lesmer:hover {
	cursor:pointer;
	text-decoration:underline;
}
.article_wrapper {
	width:100%;
}
.article_wrapper:hover {
	/*outline:2px solid #f7f7f7;*/
	cursor:pointer;
}



.v2_first_block {
	padding-top:100px;
	display:block;
	margin-left:8%;
	margin-right:8%;
min-height: 500px;
max-width:1280px;
}

.v2_admin_boks {
	margin: 0 auto;
	background-color: white;
	height: auto;
	width: 100%;
	max-width: 500px;
	border: 0;
  padding: 20px;
	border:1px solid #dedede;
}
.centertext {text-align:center;margin:0 auto;}
.v2_admin_logginn_boks {
	border:0;
	padding:20px;
}
.v2_admin_input {
	border:1px solid #dedede;
	padding:10px;
	width:100%;
	margin-bottom:10px;
}

.v2_admin_menu {
	background-color:#444444;
	padding:10px;
	color:white;
	min-height: 100vh;
	max-width:350px;
	
}
textarea {
	  min-height: 200px;
 /* max-height: 200px;*/
 max-width:calc(100% - 0px);
}
.admin_upload_image img {
	width:200px;
	
	}
	.submit_buttons {
	display:flex;
	gap:10px;
	}
	
	.artikkel_slett {
	background-color:#efefef;
	padding:5px;
	color:red;
	cursor:pointer;
	font-weight:400;
	    border: 1px solid black;
	
	}
	

}
.form_submitknapp {
    padding: 5px;
    border: 1px solid grey;
    margin-top: 5px;
}
#dropBox{
	cursor: pointer;
}
#fileInput{
	display: none;
}
.admin_upload_flex {
	display:flex;
	gap:20px;
}


.rcrop-wrapper {
 position: relative;
    margin-top: 5px;
    display: flex;
    justify-content: center;
		
		}
  .rcrop-wrapper img {
    display: block; }
  .rcrop-wrapper .rcrop-croparea {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
   }
	.rcrop-wrapper .rcrop-croparea .rcrop-croparea-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 2px solid white;
		-moz-box-sizing: border-box;
		
		box-sizing: border-box; }
  .rcrop-wrapper .rcrop-outer-wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .rcrop-wrapper .rcrop-outer {
    background: #fff;
    position: absolute; }
    .rcrop-wrapper .rcrop-outer.rcrop-outer-left {
      height: 100%;
      left: 0;
      top: 0; }
    .rcrop-wrapper .rcrop-outer.rcrop-outer-right {
      height: 100%;
      right: 0;
      top: 0; }
    .rcrop-wrapper .rcrop-outer.rcrop-outer-top {
      top: 0;
      width: 100%; }
    .rcrop-wrapper .rcrop-outer.rcrop-outer-bottom {
      bottom: 0;
      width: 100%; }
  .rcrop-wrapper .rcrop-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .rcrop-wrapper .rcrop-grid-line {
    position: absolute; }
    .rcrop-wrapper .rcrop-grid-line:nth-child(1) {
      width: 100%;
      height: 33%;
      top: 33%;
      left: 0;
      border-top: 1px dashed #fff;
      border-bottom: 1px dashed #fff; }
    .rcrop-wrapper .rcrop-grid-line:nth-child(2) {
      height: 100%;
      width: 33%;
      left: 33%;
      top: 0;
      border-left: 1px dashed #fff;
      border-right: 1px dashed #fff; }
  .rcrop-wrapper .rcrop-handler-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-corner {
      position: absolute;
      width: 28px;
      height: 28px;
      background: #fff;
      border: 1px solid #000;
			border-radius: 50%;
			}
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top-left {
      top: -10px;
      left: -10px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top-right {
      top: -10px;
      right: -10px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom-left {
      bottom: -10px;
      left: -10px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom-right {
      bottom: -10px;
      right: -10px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-border {
      position: absolute;
      width: 6px;
      height: 6px;
      background: #fff;
      border: 1px solid #000; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top {
      top: -3px;
      left: 50%;
      margin-left: -3px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-right {
      right: -3px;
      top: 50%;
      margin-top: -3px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom {
      bottom: -3px;
      left: 50%;
      margin-left: -3px; }
    .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-left {
      left: -3px;
      top: 50%;
      margin-top: -3px; }
  .rcrop-wrapper .clayfy-touch-device .rcrop-handler-bottom-right {
    display: none;
    width: 18px;
    height: 18px;
    bottom: -5px;
    right: -5px; }

.clayfy-box:not(.clayfy-not-move) {
  cursor: move; }

.clayfy-ghost {
  z-index: 1000; }

.clayfy-ghost-opacity {
  opacity: .5; }

.clayfy-handler {
  z-index: 1001; }
  .clayfy-handler.clayfy-top {
    cursor: n-resize; }
    .clayfy-handler.clayfy-top.left {
      cursor: nw-resize;
      /*
      &:before{
          content: '';
          position: absolute;
          top:0; left:0;
          height: 100%; width: 100%;
          border-top: 1px solid #000;
          border-left: 1px solid #000;
      }
      */ }
    .clayfy-handler.clayfy-top.right {
      cursor: ne-resize; }
  .clayfy-handler.clayfy-bottom {
    cursor: n-resize; }
    .clayfy-handler.clayfy-bottom.left {
      cursor: sw-resize; }
    .clayfy-handler.clayfy-bottom.right {
      cursor: se-resize; }
  .clayfy-handler.clayfy-left {
    cursor: w-resize; }
  .clayfy-handler.clayfy-right {
    cursor: w-resize; }
  .clayfy-handler.clayfy-touch-device {
    background: #fff;
    border: 1px solid #000;
    border-radius: 3px;
	  width: 28px !important;
    height: 28px !important;
    margin-left: -8px ! Important;
    margin-top: -8px !important;
    }
		
		
		
		}

.clayfy-sort-droparea {
  border: 2px solid #ccc; }

.rcrop-wrapper,.image-wrapper,.rcrop-wrapper img {

	    max-width: 100%;
  /*  max-height: 300px;*/
   /* display: inline-block;*/
}
.cropcrop {
	background-color:#893e44;
	color:white;
	
}
.crop_henter {
	color:red;
	/*text-align:center;*/
}
.crop_knapper {
	 /*   max-width: 500px;
			display:block;
			    height: 100vh;
    display: inline-block;*/
		/*position: absolute;*/
   /* bottom: -15px;*/
	/*	display: flex;
    justify-content: center;*/
		    margin-top: 5px;
    margin-bottom: 10px;
}

.crop_knapper2 {

}

.crop_galleri_knapp {
	padding:5px;
}

.egnebilder_bruk {
	background-color:#8b3e46;
	color:white;
	

	
}
.crop_button2	 {
	cursor:pointer;
	background-color:grey;
	padding:3px;
	
	}

.displaynone {
	display:none;
}

.dinebilder_response {
	position:relative;
}




.flexbox {
	display:flex;
}

.v2_admin_knapp {
	display:block;
	margin-bottom:0px;
	padding:5px;
	color:white!important;
}
.v2_admin_knapp:hover {
	background-color:#a2a2a2;
	color:black!important;
}

.v2_admin_knapp2 {
	display:block;
	margin-bottom:0px;
	/*padding:5px;*/
	color:white!important;
}
.v2_admin_knapp2:hover {
	background-color:#a2a2a2;
	color:black!important;
}

.v2_admin_content {
	
	padding:10px;
}

.documenter_wrapper {
	padding:10px;
}
.document_uploader {
	display:none;
	background-color:#e9e9e9;
	padding:5px;
	margin-bottom:10px;
	
}

.breadcrumbs {
	background-color:#d4d4d4;
	position:relative;
	height: 29px;
	padding-top: 2px;
	padding-left: 5px;
	
	margin-right: 8px;
}

.breadcrumbs_active {
	padding-top: 2px;
	margin-left: 4px;
}

.breadcrumbs::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	border-style: solid;
	border-color: transparent #d4d4d4;
	border-width: 15px 0 15px 15px;
	width: 0;
	height: 0;
}

.gul_folder {
	background-color:yellow;
	background: linear-gradient(142deg, rgba(247,229,149,1) 0%, rgba(241,207,76,1) 100%);
	    padding: 5px;
    border-radius: 10px 10px 0 10px;
		    position: relative;
			    display: flex;
    justify-content: space-between;
		
}
.gul_folder a {
	width:100%;
}


.document_lag_mappe_input {
	display:none;
}
.lag_mappe {
	padding:5px;
}
	

.document_viewer {
	display:grid;
	gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 360px));
}
.document_viewer > div {
	border:1px solid #aaa;
	padding:5px;
	position:relative;
}
	
.document_viewer > div:hover {	
	cursor:pointer;
	background-color:#efefef;
}
.dokumenter_slett {
	    position: absolute;
    right: 0px;
    top: 0;
    padding: 10px;
    background-color: #969696;
    outline: 0;
    border: 0;
    color: white;
}
.dokument_hent_button {
	padding: 5px;
    background-color: #d3d3d3;
    display: inline-block;
    border: 1px solid grey;
    border-radius: 5px;
    margin-bottom: 5px;
	
}
.dokumenter_slett:hover {
	cursor:pointer;
	background-color:#222;
}
.dokumenter_header {
	    background-color: #cccccc;
    padding: 10px;
		font-weight:400;
}
.dokumenter_meny_wrapper {
	    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-direction: row;

}
.dokumenter_meny_sub {
	display:flex;
	gap:10px;
}

#dropBox{
	cursor: pointer;
}
#fileInput{
	display: none;
}
#fileInput_dokumenter{
	display: none;
	}

.egnebilder_wait_wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	backdrop-filter: blur(4px);
	background-color: rgba(248, 248, 248, 0.5);
	display:none;
	top: 0;
	left: 0;
}

.lds-dual-ring { display: inline-block;width: 80px;height: 80px;margin-top: 50px;}
.lds-dual-ring:after { content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6px solid #fff;border-color: #fff transparent #fff transparent;animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }



@media screen and (max-width: 1024px) {
	.viner_grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(49%, 1fr));
		grid-gap: 10px;
		margin: 10px;
	}	
	.forside_vin_navn {
		font-size:34px!Important;
		max-width:70%;
	}
}
@media screen and (max-width: 767px) {
	
	.archive {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 1em;
		margin:10px;
	}
	
	.forside_vin_navn {
		font-size:28px!Important;
		max-width:70%;
	}
	.viner_forside_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    grid-gap: 10px;
    margin: 10%;
		margin-top:20px;
		margin-bottom:20px;
	}
	.main_beskrivelse {
		font-size:18px;
		max-width:100%;
    -webkit-line-clamp: 8;
		margin-top: 20px;
	}
	.main_bilde{
    top: 0px;
    right: 15%;
    height: 150px;
	}
	.h2_tekst {
		font-size:24px;
		margin-left:15px;
		margin-right:15px;
	}
	.produkt_card_flaske img {
    max-height: 300px;
	}
	.produkter_meny {
		display:none;
	}
	.produkter_grid {
		grid-template-columns: initial;
	}
	.menu_bar {
		display:none;
	}
	.burger_bar {
		display:block;
		text-align: right;
		margin-right: 10px;
	}
	.header_grid {
    padding-left: 5px;
    padding-right: 5px;
	}
	.produkter_wrapper {
    margin-left: 0px;
    width: 100%;
		margin-top: 0;
	}
	.header_grid {
		padding-left: 10px;
    align-items: center;
		grid-template-columns: 150px auto;
	}
	.video {
    object-fit: none;
		margin-top:initial;
	}
	.video_button {
		bottom:initial;
		padding: 10px;
    background-color: #911e39;
    color: white;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin-inline: auto;
    width: fit-content;
	}
	.video_slogan {
		position: absolute; 
		left: 15px;
    right: 15px;
		margin-inline: auto; 
		width: fit-content;
	}
	.video_slogan img {
		width: 100%;
	}
	.viner_grid {
		margin-top: 0;
	}
	.produkt_tabell {
    display: flex;
    margin-top: 10px;
    line-height: 26px;
    flex-direction: column;
	}
	.viner_grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(100%, 1fr));
		grid-gap: 10px;
		margin: 10px;
	}	
	.nyhetsbrev {
	width:90%;
	}
	.inputs {
	width:90%;
	}
	.omoss_tekst {
    max-width: 90%;
}