.feature-matrix {
    border-collapse:collapse;
    width:100%;
		cursor:default;
		padding:10px;
		gap:5px 20px;
		align-items:center;
		font-size:16px;
	  flex-flow:row wrap;
  }
	.pack-wrapper {
	  margin-bottom: -5px;
	  margin-top: 5px;
	}
	.feature-matrix a.expand_title {
		font-weight:300;
	}
	.feature-matrix a.expand_title.open {
		font-weight:500;
	}
	.feature-matrix div.expand_wrapper {
		flex:1 1 100%;
		text-align:left;
		text-wrap: pretty;
	}
	.feature-matrix div.expanded_info {
		text-align: left;
	  background: var(--table-hover-color);
	  padding: 10px 15px;
		margin-bottom:10px;
	  margin-left: 18px;
	  border-radius: 8px;
		display:inline-block;
	}
	img.package_image {
	  width: 100%;
	  margin-left: -23%;
	  max-width: 140px;
	  text-align: center;
	  display: inline-block;
	}
	article .mobile_data.feature-matrix,
	.sticky .flex_header {
		font-size:16px;
	}
	.feature-matrix.expanderbar:hover {
		cursor:default;
	}
  .feature-matrix div {
    text-align: center;
		align-items:center;
  }
  .flex_header div.feature-name, 
  .flex_header div.checkbox-cell {
  	padding:0;
  }
  .feature-matrix .feature-name,
	.feature-name {
    text-align: left;
		padding-left:20px;
		flex:5 1 150px;
  }
  .feature-matrix .feature-name {
	  align-self: start;
  }
  .feature-matrix.feature-header,
	.feature-header {
    text-align: left;
		width:100%;
		font-weight:400;
		margin-top:30px;
		background-color:var(--black-light-alpha);
  }
  .feature-matrix .checkbox-cell,
	.checkbox-cell {
    text-align: center;
		align-items:center;
		self-align:center;
		flex:1 0 80px;
  }
	.checkbox-cell label, 
	.checkbox-cell [type="checkbox"]:checked + label,
	.checkbox-cell [type="checkbox"]:not(:checked) + label {
		width: 24px;
	  display: inline-block;
	  text-align: center;
	  margin: 0;
	  padding: 0;
	}
	.success-message {
	  position: fixed;
	  top: 20px;
	  right: 20px;
	  background-color: #4CAF50;
	  color: white;
	  padding: 15px 20px;
	  border-radius: 4px;
	  z-index: 1000;
	  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}
	.sticky .flex_header a::after {
		content:'';
	  margin-left: 3px;
	  display: none;
	}
	.mobile_data.expanderbar div.new_feature {
		border:1px solid var(--recommended-border-color);
		background:var(--recommended-border-color);
		color:#fff;
	  border-radius: 6px;
	  padding: 0px 5px;
	  display: inline-block;
	  margin-right: 10px;
	}
	.expand_feature {
		margin-right:5px;
		font-weight:400;
		user-select:none;
	}
	.expand_feature.open::after,
	.expand_feature.open:hover::after {
	  content: "\f146";
	  position: absolute;
	  font-family: 'Font Awesome 5 Pro';
	  text-decoration: none;
	  opacity: 0.7;
	}	
	.abonnemang:hover img.package_image {
		scale: 1.1;
	  transition: all .4s linear(0, 0.544 5.5%, 0.947 11.5%, 1.213 18.1%, 1.298 21.7%, 1.352 25.5%, 1.372 28.2%, 1.379 31.1%, 1.374 34.2%, 1.357 37.6%, 1.307 43.7%, 1.121 61.8%, 1.074 67.8%, 1.04 73.7%, 1.007 84.7%, 1)
	}
	@media only screen and (min-width: 1000px) {
		.expand_feature::after {
		  content: "\f0fe";
		  position: absolute;
		  font-family: 'Font Awesome 5 Pro';
	  	top: 19px;
	  	left: 8px;
			font-weight:300;
			line-height: 0.5em;
		  text-decoration: none;
		  opacity: 0.5;
		}
		.expand_feature:hover::after {
		  opacity: 1;
		}
	}
	@media only screen and (max-width: 999.98px) {
		.expand_feature::after {
		  content: "\f107";
		  position: absolute;
		  font-family: 'Font Awesome 5 Pro';
	  	bottom: 2px;
	  	right: 2px;
			font-weight:300;
			line-height: 0.5em;
		  text-decoration: none;
		}
	}