/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/**umb_name:H1*/
h1{}

/**umb_name:H2*/
h2{}

/**umb_name:H3*/
h3{}

/**umb_name:H4*/
h4{}

/**umb_name:H5*/
h5{}

/**umb_name:Paragraph*/
p{}

/**umb_name:Paragraph*/
p{}

/**umb_name:Blockquote*/
blockquote{}

/* Generelle rettelser */

.illy-logo a {
	background-image: url(/media/1608/illy_logo_50.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.illy-logo a span:after {
	display: none;
}

.illy-logo > a > span {
	color: transparent;
}

.kategori .kategori__div {
    margin-bottom: 25px;	
}

.brands__logo img {
	height: initial;
	max-height: 150px;
}
.tekst p img {
	max-height: fit-content;	
}

.tekst li strong {
	color: #563924;	
}

@media (max-width: 767px) {
	.banner {
		height: 350px;	
	}
}

/* Footer Slider */
.swiper {
	padding-bottom: 30px !important;
}

.seoSlider {
	margin-bottom: 80px;	
}

.swiper-pagination-bullet-active {
	background-color: #40A248 !important;
}

/* Generelt række class til padding */
.padding {
	padding: 80px 0px;	
}

/** Brandside - **/
.brandLandingpage {
    position: sticky;
    z-index: 99999;
    display: flex;
	justify-content: center;
    height: 100%;
    width: 100%;
	top: 0;
    left: 0;
	flex-wrap: wrap;
}

.brandLandingpage section {
    position: absolute;
    z-index: 3;
	width: 100%;
    max-width: 650px;
    background-color: rgba(86, 57, 36, 0.8);
	text-align: center;
	padding: 2em 0;
	position-area: center;
    inset-area: center;
}

.brandLandingpage section h1 {
	height: 165px;
    align-content: center;
	font-size: 48px;
	line-height: 58px;
}

.brandLandingpage section h1, .brandLandingpage section p {
    color: #fff;
	margin: 0 2em;
}

.brandPageChoice {
	height: 50%;
	margin: 0;
    padding: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}


.brandPageChoice .landingPageBackground {
	position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
	transition: all 1.4s ease;
}
.brandPageChoice a div {
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.brandPageChoice p {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    align-content: center;
    text-align: center;
    z-index: 2;
	font-weight: 400 !important;
    line-height: 45px !important;
    font-size: 50px;
    color: #fff;
}

.brandPageChoice .landingPageBackground {
	transition: all 1.4s ease;
}
	
.brandPageChoice a div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;		
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 1;
	transition: all .5s ease;
}
	
.brandPageChoice a div:hover:before, .col-lg-6:hover a div:before {
	opacity: 0;
	transition: all .5s ease;
}


@media (min-width: 768px) {
	.brandPageChoice {
		overflow: hidden;
		transition: all 0.3s ease;
	}

	.brandPageChoice a div:hover .landingPageBackground {
		transform: scale(1.5);
		transition: all 1.4s ease;
	}
}

@media (min-width: 566px) and (max-width: 767px) {
	.brandPageChoice {
		height: 25%;
	}
	
	.brandPageChoice div {
		width: 100%;
	}
	
	.brandPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	.brandLandingpage section {
		display:none;
	}
	
}

@media (min-width: 430px) and (max-width: 565px) {
	.brandPageChoice {
		height: 25%;
	}
	
	.brandPageChoice div {
		width: 100%;
	}
	
	.brandPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	
	.brandLandingpage section h1 {
		font-size: 35px;
	}
	.brandLandingpage section {
		display:none;
	}
}

@media (min-width: 300px) and (max-width: 429px) {
	
	.brandPageChoice {
		height: 25%;
	}
	
	.brandPageChoice div {
		width: 100%;
	}
	
	.brandPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	
	.brandLandingpage section h1 {
		font-size: 25px;
	}
	.brandLandingpage section {
		display:none;
	}
}

/** Produktvisning - Oversigt side **/
.overview-container {
    padding: 15px;
}
.overview-box-link:hover .overview-cta-button, .overview-box-link:hover h2 {
    color: #40a248;
    scale: 1.1;
    transition: 0.3s ease;
}
.overview-category-container {
    background-size: cover;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    clip-path: border-box;
}
.overview-category-container:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.overview-category-container h2 {
    color: #fff;
    z-index: 2;
    margin-bottom: 14px;
    transition: 0.3s ease;
	text-align: center;
    line-height: 42px;
}
.overview-cta-button {
    transition: 0.3s ease;
    font-size: 18px;
    color: #fff;
    z-index: 2;
}
.overview-cta-button:hover {
    color: #40a248;
}
/** Produktvisning - Kategori side **/
.category-container .breadcrumb {
    margin-left: 10px;
}
.category-container-col {
    padding: 15px;
	margin-bottom: 50px;
}
.category-product-container {
    padding: 10px;
}
.category-product-container img {
    margin-bottom: 15px;
}
.category-product-container h2 {
    font-size: 24px;
}
.category-product-container span {
    display: inline-block;
    font-weight: 800;
    margin-bottom: 10px;
}
.category-product-container p {
    margin-bottom: 15px;
}
.category-product-container .product-cta-button {
	bottom: -30px;
    position: absolute;	
}
.product-cta-button {
    display: inline-block;
    transition: 200ms all ease-in-out;
    transition-property: all;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 12px 30px;
    background-color: #563924;
    border: none;
    outline: none;
    box-shadow: none;
}
.product-cta-button:hover {
    background-color: #40a248;
    cursor: pointer;
    color: #fff;
}
.back-button-container {
	text-align: center;
}
.back-button-container a {
	margin-top: 20px;
}

/** Produktvisning - Produkt side **/
.produkt-side .produkt__row {
	margin-top: 0px;
}
.produkt-side .produkt__row .produkt__image a.product-cta-button {
	margin-top: 20px;
	margin-bottom: 20px;	
}

/** Produktvisning - Breadcrumb **/
.breadcrumb {
    padding: 15px 0px 30px 0px !important;
}
.breadcrumb .breadcrumbItem:first-child {
	display: none;
}

/** Fikser mobil menu **/
.pointer-events-all a {
	pointer-events: all !important;	
}

/** VIDEO HEADER START **/
.video-cover-DA2AD314EA944F13956337AC382DB603 {
  width: 100%;
  height: 95vh;
  position: relative;
  z-index: 0;
}

.video_overlay {
	background-color: rgba(0, 0, 0, 0.5);
    padding: 30px;
	max-width: 880px;
}

.video-cover-content-DA2AD314EA944F13956337AC382DB603 h2 {
  	font-size: 60px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 65px;
    max-width: 100%;
}

.video-cover-content-DA2AD314EA944F13956337AC382DB603 a {
  	color: white !important;
}
.video-cover-content-DA2AD314EA944F13956337AC382DB603 a:hover {
  	color: #40a248 !important;
}

a.video-button-one {
    height: 45px;
    padding: 11px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
    background-color: #40a248;
    color: #fff !important;
    font-weight: 400 !important;
    line-height: 45px !important;
    font-size: 16px;
}

a.video-button-one:hover {
	background-color: #563924;
	color: #fff!important;
}

a.video-button-two {
    height: 45px;
    padding: 11px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
    background-color: #563924;
    color: #fff !important;
    font-weight: 400 !important;
    line-height: 45px !important;
    font-size: 16px;	
}

a.video-button-two:hover {
	background-color: #40a248;
	color: #fff!important;
}

.video-cover-DA2AD314EA944F13956337AC382DB603 video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.video-cover-content-DA2AD314EA944F13956337AC382DB603 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.video-cover-title-DA2AD314EA944F13956337AC382DB603 {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: bolder;
}

.video-cover-desc-DA2AD314EA944F13956337AC382DB603 {
  font-size: 20px;
  line-height: 20px;
  max-width: 50%;
  font-weight: lighter;
}

@media screen and (max-width: 768px) {
  .video-cover-DA2AD314EA944F13956337AC382DB603 {
    height: 100vh;
  }
  
  .video-cover-DA2AD314EA944F13956337AC382DB603 video {
    /*position: relative;*/
	position: absolute;
  }
  
  .video-cover-content-DA2AD314EA944F13956337AC382DB603 {
    height: 100%;
    color: #000;
    /*margin-top: 35px;*/
    padding: 15px;
    box-sizing: border-box;
  }
  
  .video-cover-desc-DA2AD314EA944F13956337AC382DB603 {
    max-width: unset;
  }
	.video-cover-content-DA2AD314EA944F13956337AC382DB603 h2 {
    font-size: 29px;
	}
}

@media screen and (max-width: 650px) {
  .video-cover-DA2AD314EA944F13956337AC382DB603 {
    height: 75vh;
  }
	.video-cover-content-DA2AD314EA944F13956337AC382DB603 h2 {
    font-size: 22px;
	line-height: initial;
	}
	.video-button-holder {
	display: flex;
    flex-direction: column;
	}
	a.video-button-one {
    padding: initial;
	}
	a.video-button-two {
    padding: initial;
	}
	
}
/** VIDEO HEADER END **/

footer {
	background-repeat: no-repeat !important;
}


.medarbejdere {
	margin-bottom: 40px!important;
}

.omos_logo {
	Margin-top:50px!important;
	Margin-bottom:50px!important;
}

.owl-carousel a {

	color:white !important;
}

.owl-carousel a:hover {

	color: #40a248 !important;
}


.singleImage {

	height: 406px !important;
	background-size: contain;
}

strong > a {
font-weight:700!important;
}

@media (max-width:768px){
	.slider h2 {
	word-break: break-word!important;
	line-height: 45px!important;
	font-size: 40px!important;
	}
}
@media (max-width:576px){
	.slider h2 {
	word-break: break-word!important;
	line-height: 35px!important;
	font-size: 30px!important;
		
	}
	.slider .text p a {
	display: initial!important;
    width: 230px!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
	}
}

@media (max-width:398px){
	.slider h2 {

	font-size: 24px!important;
		
	}
}


.kontakt__2 .container {
	height: 210px;
}

.g-recaptcha {
	margin-left: 45px;
}

@media only screen and (max-width: 991px) and (min-width: 577px){
	.kontakt__2 .container {

	height: 300px !important;
		
	}
}

@media (max-width:576px){
	.kontakt__2 .container {

	height: 400px !important;
		
	}
}

.kontakt__2 {
	z-index: 99;
}

@media (min-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio:2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width: 1200px), only screen and (min-device-pixel-ratio:2) and (min-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 1200px)
{
	nav#menu .navLogo {
		margin-left: 100px !important;
    	margin-right: 90px !important;	
	}
	nav#menu li {
    	margin-left: 0px;
	}
	nav#menu li a {
		padding: 10px 8px;
	}
}
@media (min-width: 1300px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio:2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width: 1200px), only screen and (min-device-pixel-ratio:2) and (min-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 1200px)
{
	nav#menu li a {
		padding: 10px 12px;
	}
}


.slider .owl-item .item .overlay {

	background-color: rgba(0,0,0,.2) !important;
}

.mobileMenu>div.mobileMenu__menu>div:nth-child(4){
	display:flex;
	
}
.mobileMenu>div.mobileMenu__menu>div:nth-child(5){ 
	display:none;
}


/* Landingpage */
.landingpage {
    position: sticky;
    z-index: 99999;
    display: flex;
	justify-content: center;
    height: 100%;
    width: 100%;
	top: 0;
    left: 0;
	flex-wrap: wrap;
}

.landingpage section {
    position: absolute;
    z-index: 99999;
    background-color: rgba(86, 57, 36, 0.7);
	top: 150;
	width: 50%;
	text-align: center;
	padding: 2em 0;
}

.landingpage section h1, .landingpage section p {
    color: #fff;
	margin: 0 2em;
}

.landingPageChoice {
	margin: 0;
    padding: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}


.landingPageChoice .landingPageBackground {
	position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
	transition: all 1.4s ease;
}

.landingPageChoice p {
	position: absolute;
    left: 43%;
	top: 48%;
	font-weight: 400 !important;
    line-height: 45px !important;
    font-size: 50px;
    color: #fff;
	z-index: 2;
}

@media (min-width: 1199px) and (max-height: 705px) {
	.landingpage section {
		top: 25;
		width: 65%;
	}
}
@media (min-width: 768px) {
	.landingPageChoice {
		overflow: hidden;
		transition: all 0.3s ease;
	}

	.landingPageChoice .landingPageBackground {
		transition: all 1.4s ease;
	}
	
	.landingPageChoice a div:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .2);
		z-index: 1;
	}

	.landingPageChoice a div:hover:before {
		opacity: 0;
		transition: all .5s ease;
	}

	.landingPageChoice a div:hover .landingPageBackground {
		transform: scale(1.5);
		transition: all 1.4s ease;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.landingpage section {
	    top: 100 !important;
    	width: 75% !important;
	}
	
	.landingPageChoice p {
		left: 38% !important;
	}
}

@media (min-width: 566px) and (max-width: 767px) {
	.landingpage section {
	    top: 40% !important;
    	width: 85% !important;
	}
	
	.landingPageChoice {
		height: 50%;
	}
	
	.landingPageChoice div {
		width: 100%;
	}
	
	.landingPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	
	.landingPageChoice p {
		top: 45% !important;
		left: unset;
	}
}

@media (min-width: 430px) and (max-width: 565px) {
	.landingpage section {
	    top: 40% !important;
    	width: 90% !important;
	}
	
	.landingPageChoice {
		height: 50%;
	}
	
	.landingPageChoice div {
		width: 100%;
	}
	
	.landingPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	
	.landingPageChoice p {
		left: unset;
		top: 45% !important;
	}
	
	.landingpage section h1 {
		font-size: 35px;
	}
}

@media (min-width: 300px) and (max-width: 429px) {
	.landingpage section {
	    top: 40% !important;
    	width: 90% !important;
		padding: 1em 0;
	}
	
	.landingPageChoice {
		height: 50%;
	}
	
	.landingPageChoice div {
		width: 100%;
	}
	
	.landingPageChoice a {
		display: flex;
		justify-content: center;
		height: 100%;
	}
	
	.landingPageChoice p {
		left: unset;
		top: 45% !important;
	}
	
	.landingpage section h1 {
		font-size: 25px;
	}
}

/* Gælder kun for hovedmenuen */
.mobileMenu__menu__link.active > span:after {
    content: ""!important; /* "-" for hovedmenu */
}

/* Gælder for dropdown i undermenuerne */
.mobileMenu__menu__link__sub__link.active > span:after {
    content: ""!important; /* "-" for undermenu */
}

/* Standard "+" for alle dropdowns, der ikke er aktive */
.mobileMenu__menu__link span:after,
.mobileMenu__menu__link__sub__link span:after {
    content: ""!important; /* "+" for alle */
}
.mobileMenu__menu{
	max-height: 70vh !important;
    overflow-y: auto !important;
}

.mobileMenu>div.mobileMenu__menu>div:nth-child(5){
	display: flex;
}

.mobileMenu__menu__link.illy-logo.hasChilds a{
	pointer-events: unset;
}
.mobileMenu__menu__link.illy-logo.hasChilds a:hover, .mobileMenu__menu__link.illy-logo.hasChilds a.active{
	color: transparent;
}