body {
	-webkit-text-size-adjust: 100%;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 500;
	font-size: calc(1em + (3 - 1) * ((100vw - 330px) / (1600 - 330)));
	line-height: calc(1.7em + (1.7 - 1.7) * ((100vw - 330px)/(1600 - 330)));
	color: #052513; /* pine */
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	transition: transform .2s cubic-bezier(.25, .8, .25, 1);
  }
  
  h1, h2, h3, h4, h5, h6 {
	font-family: 'Manjari', sans-serif;
	color: #4C956C; /* spruce */
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }
  
  h1 {
	font-size: calc(1.7em + 1vw);
	opacity: 0;
	display: block;
	animation: slidein 1s ease-out forwards;
	animation-delay: 0.25s;
  }
  
  h2 {
	font-size: calc(22px + (25 - 22) * ((100vw - 300px) / (1600 - 300)));
	opacity: 0;
	display: block;
	animation: slidein 1s ease-out forwards;
	animation-delay: 0.7s;
  }
  
  h3 {
	font-size: calc(1em + 1vw);
	opacity: 0;
	display: block;
	animation: slidein 1s ease-out forwards;
	animation-delay: 0.7s;
  }
  
  @keyframes slidein {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  .fade-image::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #FCFCFC 100%); /* limestone-50 */
	margin-top: -100px;
	height: 100px;
	width: 100%;
	content: '';
	will-change: transform;
  }
  
  .anchor {
	display: block;
	height: 90px;
	margin-top: -90px;
	visibility: hidden;
  }
  
  .anchorMobile {
	display: block;
	height: 70px;
	margin-top: -70px;
	visibility: hidden;
  }
  
  a { color: #4C956C; /* spruce */ }
  a:hover { color: #30744E; /* broccoli */ }
  
  .adview {
	width: 0px;
	height: 0px;
  }
  
  .button-allergimat {
	color: #FFFFFF;
	background: #4C956C; /* spruce */
  }
  .button-allergimat:hover {
	background: #30744E; /* broccoli */
	color: #FFFFFF;
  }
  .button-allergimat:visited,
  .button-allergimat:active {
	background: #4C956C; /* spruce */
	color: #FFFFFF;
  }
  
  .custom-control-label:before {
	background-color: #C9DFD1; /* jade */
  }
  .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #30744E; /* broccoli */
  }
  
  .customshadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .iconshadow {
	text-shadow: 0px 0px 8px #FFE69A;
  }
  
  footer {
	position: relative;
	height: 25px;
	background-image: linear-gradient(#4C956C, #4C956C); /* spruce */
  }
  
  .footerbox {
	width: 100%;
	background-image: linear-gradient(#EAEAEA, #CCCBCC); /* limestone-200 */
  }
  
  svg {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 110%;
  }
  
  .mainmenubuttons {
	letter-spacing: 0.03em;
	font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
  }
  
  .mainmenubuttons a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
  }
  .mainmenubuttons a:hover {
	color: #D6F5FE; /* hover color */
  }
  
  .undermenyknappar {
	letter-spacing: 0.01em;
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
	color: #FFFFFF;
	display: inline-block;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
  }
  
  .undermenyknappar a {
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
  }
  .undermenyknappar a:hover {
	color: #D6F5FE; /* hover color */
  }
  
  .ratingfull {
	color: #FFC9B9;
  }
  
  .rating-star {
	position: relative;
	display: inline-block;
  }
  
  .ratelevel {
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
  }
  
  @keyframes horizontal {
	0%, 12%, 24%, 36% { transform: translate(0, 0); }
	6%, 18%, 30% { transform: translate(5px, 0); }
  }
  
  .faa-horizontal.animated,
  .faa-horizontal.animated-hover:hover,
  .faa-parent.animated-hover:hover > .faa-horizontal {
	animation: horizontal 4s ease infinite;
	will-change: transform;
  }
  
  @keyframes pulse {
	0%, 100% { transform: scale(1.1); }
	50% { transform: scale(0.8); }
  }
  
  .faa-pulse.animated,
  .faa-pulse.animated-hover:hover,
  .faa-parent.animated-hover:hover > .faa-pulse {
	animation: pulse 2s linear infinite;
	will-change: transform;
  }
  
  .badge-design-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	position: absolute;
	right: -17px;
	top: -3px;
	background-color: #E4E4E4;
	text-align: center;
  }
  
  .tooltip-inner {
	background-color: #D37B7B;
  }
  .tooltip.bs-tooltip-right .arrow:before {
	border-right-color: #D37B7B !important;
  }
  .tooltip.bs-tooltip-left .arrow:before {
	border-left-color: #D37B7B !important;
  }
  .tooltip.bs-tooltip-bottom .arrow:before {
	border-bottom-color: #D37B7B !important;
  }
  .tooltip.bs-tooltip-top .arrow:before {
	border-top-color: #D37B7B !important;
  }
  .tooltip {
	z-index: 1 !important;
  }
  
  .fade-in {
	animation: fadeIn ease 2s;
	will-change: transform;
  }
  

  @keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
  
  /* Mobile Layout */
  @media only screen and (max-width: 767px) {
	.customshadow {
	  box-shadow: none;
	}
	.container {
	  width: 100%;
	  max-width: none;
	}
  }