/******* start CSS #1: Imported from Product Badge CSS #2 *******/

.cms-index-index .col2-left-layout .col-main { max-width: 100%; }
.cms-index-index .main .col-main { order: 1; }
.english-label{color:white;width:74px;height:76px}
.english-label p {padding:8px 20px 20px 20px;text-align:center;}
.products-list li.item {position: relative;}
.english-label {top: 80px;left: 10px; position: absolute;}
.products-grid li.item {position: relative;}
#glscarrier-extra-text { font-size: 12px; text-transform: uppercase; }
.se-fragt {display:none;}
.add-to-box {padding-bottom:10px !important;}
.Addwish-slider { clear: both;}
.cms-index-index .feature-category { margin-top: 0;}
.cms-index-index .feature-category-right { margin-bottom: 15px ;}
.awis-block-3 { margin-bottom: 15px; }

@media only screen and (max-width: 767px)  {
    .cms-index-index .feature-category { float: none; margin: 0 auto; display: block; }
    .cms-index-index .feature-category-right { margin-top: 14px; }
}
.product-collateral { clear: both; }

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    button.btn-checkout span { 
        height: auto;
    }
    
    .cart .totals button.btn-checkout span span {
        padding: 10px 15px 5px;
    }
}}

.cart-table tbody td .cart-qty-holder span, #am-cart-qty-button-update {}

/******* end CSS #1: Imported from Product Badge CSS #2 *******/

/******* start CSS #2: CSS - Brian *******/

html {
    scroll-behavior: smooth;
}
.col1-layout .col-main {
	position: relative;
	z-index: 1;
}
.block.block-layered-nav .m-slider-selected-value {
	display: block !important;
	clear: both;
	background: #f6f6f6;
	padding: 6px 5px;
	border: 1px solid #f6f6f6;
	border-radius: 5px;
	font-size: 15px;
}
.m-slider-values .m-slider-min-value, .m-slider-values .m-slider-max-value {
	margin-bottom: 10px;
}
.product-options-bottom .price-box, .stock-qty-holder {
	display: none;
}
.shopping-cart-top-message .message-left {
    text-align: center;
    width: 100%;
}
.shopping-cart-top-message, .onestepcheckout-top-message {
    display: none !important;
}

/* Køb knap */

.action-holder .button.btn-cart, .block.block-cart, .add-to-cart {
	display: inline-block;
}
.taste-price-match, .fri-fragt {
    display: none !important;
}

/* Udsolgt online knap */

button.button.displayonly.out-of-stock-btn:hover {
    cursor: default;
}
.product-view .product-shop .action-holder.displayonly-holder button.button.displayonly:hover span span {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f9f9f9));
    background-image: -webkit-linear-gradient(#fefefe, #f9f9f9);
    background-image: linear-gradient(#fefefe, #f9f9f9);
    background-image: -moz-linear-gradient(#fefefe, #f9f9f9);
}
.product-view .product-shop .action-holder.displayonly-holder button.button span {
    background: none;
}

/* Bar under topmenu */

.under-header-holder, .header-promo {
    display: block !important;
}

@media only screen and (max-width: 767px) {
	.desktop {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.mobil {
		display: none;
	}
}

.under-header-holder p {
	font-size: 15px;
	/* text-shadow: 0px 1px 1px #505050; */
	margin: 0;
	color: #fff;
}
/* normal */
.under-header-holder p.bf {
	display: inline;
	color: #ffdd62;
	font-size: 18px;
}
/* urgent */
/* .under-header-holder p.bf {
    display: inline;
    background: #fbe338;
    color: #000000;
    font-size: 18px;
    padding: 1px 10px;
} */

.under-header-holder a {
	color: #fff;
}
.under-header-holder a:hover {
	color: #eeedeb;
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.under-header-holder p {
		font-size: 14px;
	}
	.under-header-holder p.bf {
		font-size: 12px;
	}
}

/* Rabatkodefelt i kurv - fjernes i kode senere */

.cart .discount {
    display: none;
}

/* Fjern fragttillæg 0 i kurv - rettes senere */

#shopping-cart-table .item-options {
	display: none;
}

/* Månedens Hug landingsside temp */

.col-mh p {
	display: inline-block;
	width: 49%;
	padding: 7px 10px;
}
.col-mh h2 {
	padding-left: 10px;
	font-size: 25px;
}
.col-mh.space h2 {
	margin-top: 20px;
}
.col-mh a {
	font-size: 25px;
}

@media only screen and (max-width: 767px) {
	.col-mh p {
		width: auto;
		padding: 5px 5px;
	}
	.col-mh h2 {
		padding-left: 5px;
	}
}

/* landingsside version 2*/

.width33 {
	display: inline-block;
	width: 33%;
	padding: 7px 10px;
	vertical-align: top;
}
.width33 p {
    font-size: 22px;
    color: #666;
    margin: 0;
}
.width49 {
	display: inline-block;
	width: 49.7%;
	padding: 7px 10px;
	text-align: center;
}
.width49 p {
    font-size: 22px;
    color: #666;
}
.col-mh-v2 a {
	font-size: 22px;
}
.col-mh-v2 h2 {
	font-size: 23px;
}
.tilbudsavis-top {
    margin: 0 -30px 0 -30px;
}
.black-friday p {
	font-size: 20px;
	margin: 0;
}
.black-friday a {
	font-size: 19px;
}
.width100 img {
	max-width: 780px;
	margin-bottom: 10px;
}
.width100 p, .width100 a {
	font-size: 30px;
	margin: 0;
}
.text-center {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.col-mh-v2 .width49, .col-mh-v2 .width33 {
		width: auto;
		padding: 5px 5px;
		text-align: center;
	}
	.col-mh-v2.black-friday {
	text-align: center;
    }
    .black-friday .width33 {
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #ddd;
    }
	.width100 p, .width100 a {
	font-size: 25px;
	}
	.width100 img {
		max-width: 100%;
	}
	.crazy-weekend {
	    text-align: center;
	}
	.crazy-weekend .width33 {
	    margin-bottom: 25px;
	    padding-bottom: 25px;
	    border-bottom: 1px solid #ddd;
	}
}

@media only screen and (max-width: 500px) {
	.desktop-mh-img {
		display: none;
	}
	.tilbudsavis-top {
		margin: 0 -10px 0 -10px;
	}
	p.mobil-mh-img img {
		width: 100%;
	}
}

@media only screen and (min-width: 501px) {
	.mobil-mh-img {
		display: none;
	}
}

/* Link til lægemiddelstyrelsen - loppemidler */

@media only screen and (max-width: 767px) {
    .popupid17, .popupid22, .popupid23, .popupid24 {
        width: 100px !important;
    }
}

/* Reptil ikon topmenu */

#nav > li.level0.krybdyr > a {
  background: url(https://image.maxizoo.dk/media/wysiwyg/ikon-krybdyr.png) no-repeat 0px 9px;
  background-position: 0px 9px;
  padding-left: 43px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.krybdyr > a {
    background-position: 0px -72px;
  }
}
#nav > li.level0.krybdyr > a:hover {
  background-position: 0px -72px;
}
#nav > li.level0.krybdyr.over > a, #nav > li.level0.krybdyr.show-submenu a {
  background-position: 0px -72px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.krybdyr.over > a, #nav > li.level0.krybdyr.show-submenu a {
    background-position: 0px 9px;
  }
}

/* Kanin ikon topmenu */

#nav > li.level0[class^='kanin'] > a, #nav > li.level0[class*=' kanin'] > a {
  background: url(https://www.maxizoo.dk/skin/frontend/default/maxizoo-new/images/new-nav.png) no-repeat -15px -240px;
  background-position: -15px -240px;
  padding-left: 25px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0[class^='kanin'] > a, #nav > li.level0[class*=' kanin'] > a {
    background-position: -15px -800px;
  }
}
#nav > li.level0[class^='kanin'] > a:hover, #nav > li.level0[class*=' kanin'] > a:hover {
  background-position: -15px -800px;
}
#nav > li.level0[class^='kanin'].over > a, #nav > li.level0[class^='kanin'].show-submenu a, #nav > li.level0[class*=' kanin'].over > a, #nav > li.level0[class*=' kanin'].show-submenu a {
  background-position: -15px -800px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0[class^='kanin'].over > a, #nav > li.level0[class^='kanin'].show-submenu a, #nav > li.level0[class*=' kanin'].over > a, #nav > li.level0[class*=' kanin'].show-submenu a {
    background-position: -15px -240px;
  }
}

/* Havens dyr ikon topmenu */

#nav > li.level0.havens-dyr > a {
  background: url(https://image.maxizoo.dk/media/catalog/icons/ikon-havensdyr.png) no-repeat 0px 9px;
  background-position: -5px 2px;
  padding-left: 35px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.havens-dyr > a {
    background-position: -5px -67px;
  }
}
#nav > li.level0.havens-dyr > a:hover {
  background-position: -5px -67px;
}
#nav > li.level0.havens-dyr.over > a, #nav > li.level0.havens-dyr.show-submenu a {
  background-position: -5px -67px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.havens-dyr.over > a, #nav > li.level0.havens-dyr.show-submenu a {
    background-position: -5px 2px;
  }
}

/* Tilbud ikon topmenu */

#nav > li.level0.tilbud-og-avis > a {
	background-position: -14px 7px;
	padding-left: 25px;
}
#nav > li.level0.tilbud-og-avis > a:hover {
	background-position: -14px -552px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.tilbud-og-avis > a, #nav > li.level0.tilbud-og-avis > a {
    background-position: -14px -552px;
  }
}
#nav > li.level0.tilbud-og-avis.over > a, #nav > li.li.level0.tilbud-og-avis.show-submenu a {
  background-position: -14px -552px;
}
@media only screen and (max-width: 767px) {
  #nav > li.level0.tilbud-og-avis.over > a, #nav > li.level0.tilbud-og-avis.show-submenu a {
    background-position: -14px 7px;
  }
}

/* Forside temp */

.cms-index-index .forside .featured-list-block {
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}

/* Topbanner forside */

.topbanner {
    margin-bottom: 15px;
}

/* Alternativ leveringsadresse ikke mulig - GLS */

.shipping-extra-message {
    background: #f2f2f2;
    color: #333333;
}

/* varer der kun er i udvalgte butikker */

.udvalgte-butikker {
    border: 2px solid #8ec711;
    padding: 10px;
}
.product-view .product-img-box .additional-text {
    font-weight: normal !important;
}

/* Fjern ønskeliste */

.link-wishlist {
    display: none;
}

/* Fjern konto oprettelse - checkout*/

ul#billing_address_list label[for="id_create_account"], ul#billing_address_list #id_create_account, .onestepcheckout-login-link {
	display: none;
}

/* Advantage vet landingsside - midlertidig */

p.advantagevet {
    text-align: center;
    font-size: 28px;
}

@media only screen and (max-width: 767px) {
    p.advantagevet {
        font-size: 19px;
    }
}
.custom-block.fb-maxizoo.block {
    padding: inherit;
    background: none;
}
/*
.badge_1485, .kort-hold-badge {
    display: none;
}
.text_badge_1485, .kort-hold-badge, .text_badge_12554 {
    width: 70px !important;
    line-height: 16px !important;
    top: 16px !important;
}
.product-view .text_badge_1485, .product-view .kort-hold-badge, .product-view .text_badge_12554 {
    font-size: 15px !important;
    text-transform: uppercase !important;
}
*/

/* LPA 1 MARTS*/

.lpa-img {
	display: inline-block;
	overflow: hidden;
	margin: -30px -30px 0 -30px;
}
#lpa-quote-dark {
	display: block;
	background: #333;
	padding: 20px;
	margin: -10px -30px 30px -30px;
}
#lpa-quote-dark h1 {
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 30px;
}
#lpa-quote-dark h1 span {
	border-bottom: 3px solid #fff;
}
#lpa-quote-light {
	display: block;
	background: #fff;
	padding: 20px;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
	margin: 20px 30px 25px 30px;
}
#lpa-quote-light h1 {
	color: #333;
	text-align: center;
	margin: 0;
	font-size: 30px;
}
#lpa-quote-light h1 span {
	border-bottom: 3px solid #333;
}
.lpa-txt {
	display: inline-block;
	font-size: 16px;
	padding: 0 10px;
	margin-bottom: 30px;
}
.lpa-products h2 {
	font-size: 25px;
	color: #555;
	text-align: center;
	border-bottom: 3px solid #555;
	width: 50%;
	margin: 25px auto 20px auto;
}
.lpa-products h2 img {
	height: 39px;
	padding: 0 8px 0 5px;
}
.lpa-avis {
	display: block;
	margin-top: 6px;
	float: right;
}
.lpa-avis p {
	display: inline-block;
	font-size: 30px;
	line-height: 1.3;
	padding-left: 10px;
	color: #333;
}
.col-mh-v2 {
	clear: both;
	border-top: 1px solid #ddd;
	text-align: center;
}
.forside-lpa {
	margin: -30px;
	background: #f6f6f6;
}
.fb-maxizoo.block ul {
	list-style: none;
	padding-left: 0 !important;
}

@media only screen and (max-width: 767px) {
	
	.lpa-img {
		display: inline-block;
		overflow: hidden;
		margin: -10px -10px 0 -10px;
	}
	#lpa-quote-dark {
		padding: 15px 0px 12px 0px;
		margin: -10px -10px 15px -10px;
	}
	#lpa-quote-dark h1 {
		font-size: 13px;
	}
	#lpa-quote-dark h1 span {
		border-bottom: 2px solid #fff;
	}
	#lpa-quote-light {
		padding: 15px 0px;
		margin: 10px 5px 20px 5px;
	}
	#lpa-quote-light h1 {
		font-size: 14px;
	}
	#lpa-quote-light h1 span {
		border-bottom: 2px solid #333;
	}
	.lpa-txt {
		font-size: 14px;
		width: 100%;
		float: none;
	}
	.lpa-avis {
		float: none;
		text-align: center;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.lpa-products h2 {
		font-size: 20px;
		border-bottom: 2px solid #555;
		width: 90%;
		margin: 20px auto 15px auto;
	}
	.col-mh-v2 {
		border: none;
	}
	.col-mh-v2 a {
		font-size: 20px;
	}
	.forside-lpa {
		margin: -10px;
	}
	.forside-lpa .main {
		padding: 0;
	}
	.forside-lpa .hero {
		margin-bottom: 15px;
	}
}
/* iPhone 5 - 320px */

@media only screen and (max-width: 321px) {
	.lpa-products h2 {
		font-size: 18px;
		width: 92%;
	}
	.col-mh-v2 a {
		font-size: 17px;
	}
}

/* iPhone - 414px */

@media only screen and (max-width: 415px) {
	.col-left.sidebar {
		max-width: 100%;
	}
}

/* iPad */

@media only screen and (max-width: 1025px) and (min-width: 768px) {
	
	.lpa-img {
		/* display: inline-block; */
		/* overflow: hidden; */
		margin: -10px -10px 0 -10px;
	}
	#lpa-quote-dark {
		margin: -10px -10px 30px -10px;
	}
	.forside-lpa {
		margin: -10px;
	}
	.forside-lpa .main {
		padding: 0;
	}
	.forside-lpa .hero {
		margin-bottom: 15px;
	}
}

/* Leveringsside */

#levering h1, #levering h2, #levering h3, #levering h4, #levering h5, #levering h6 {
    text-transform: none !important;
}
table.fragtpriser {
	width: 70%;
	border-collapse: collapse;
}
table.fragtpriser th, table.fragtpriser td {
	border: 1px solid #CCC;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	width: 25%;
}
table.fragtpriser th {
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	table.fragtpriser {
		width: 100%;
	}
}

/* Knap */

p.knap {
	background: #839e35;
	display: inline-block;
	padding: 5px 12px !important;
	border-radius: 3px;
}
.knap a {
	color: #fff;
}

/* Checkout Page Optimering */

.osc-short.input-box.input-postcode {
	max-width: 35% !important;
}
.osc-short.input-box.input-city {
	width: 65% !important;
}
.osc-short.input-box.input-email {
	width: 101% !important;
}
.checkout-product-weight {
	background: #f2f2f2;
	border-radius: 3px;
	color: #333;
	padding: 3px 8px;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.main {
		width: 100% !important;
	}
}

/* Fjern poteklub ikon toplinks */

.header-top li.kundeklub a {
	background: none !important;
	background-position: 0 !important;
	padding-left: 0 !important;
}

/* Frontline */

img.frontline:hover {
    outline: 2px solid #009748;
}

/* Kampagne tekst */

.kampagne-tekst {
    text-align: center;
}
.kampagne-tekst h1 {
    font-size: 20px;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
	.kampagne-tekst h1 {
		font-size: 30px;
	}
	.kampagne-tekst p {
		font-size: 16px;
	}
}

/* Tooltip i topbar */

.link-expand {
	display: inline-block;
	margin: auto 6px;
}
.header-promo>div.fordele>div:hover {
	position: relative;
	z-index: 99;
}
.link-expand .link-expand-hidden {
	display: none;
}
.link-expand:hover .link-expand-hidden {
	display: block;
	position: absolute;
	z-index: 99;
	width: 100%;
	background: #929eaa;
	top: 32px;
	border-radius: 4px;
	padding: 5px;
}
.link-expand .link-expand-hidden::after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid #929eaa 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}
.link-expand .link-expand-hidden::before {
	top: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.link-expand {
		margin: auto 1px;
	}
	.link-expand:hover .link-expand-hidden {
		top: 30px;
	}
}

/* Produktside */

.product-view .product-shop .sku, .product-view .product-shop .product-weight {
	text-transform: none !important;
	color: #444 !important;
}

/* skjul outlet pickup */
/*
.shipment-methods dt:nth-child(5) {
	display: none;
}
*/

/* Vejledende markedspris - produktside og produktliste */

.suggested-price {
	font-size: 14px !important;
	text-transform: none !important;
	color: #333 !important;
}
.price-box .spar {
	text-transform: none !important;
	font-size: 14px !important;
	color: #333 !important;
	padding-top: 2px !important;
}
.product-view .suggested-price {
	padding-bottom: 7px !important;
	font-size: 15px !important;
}

@media only screen and (max-width: 767px) {
	.products-grid .price-box .spar, .products-grid .price-box .suggested-price {
		font-size: 13px !important;
	}
}

/* Fjern scroll-up */

.footer-container .scroll_up {
	display: none !important;
}

.category-products .qty-holder {
	display: none;
}

/* produktside beskrivelse */

@media only screen and (min-width: 768px) {
	.padder {
		max-width: 50%;
	}
}

/* Fjern MZ fra butiksoversigt */

.outlet-list-overview .outlet-region span {
	display: none;
}

/* Midlertidig - Rådgivningsdage kattegrus */

.kattegrus h2 {
	margin-top: 25px;
}
.kattegrus p {
	font-size: 14px;
}
.ipaper-embed, .overblik {
	text-align: center;
}
.ipaper-embed p {
	display: inline-block;
}

/* Mængderabat */

.product-pricing, .tier-prices {
	clear: both;
}
span.mr-spar {
	display: none;
}

/* Royal Canin Care landingsside */

.royal-canin-care p {
	font-size: 14px;
}
.rcc-infographic img {
	padding: 20px 30px;
	border: 3px dashed #d2d2d2;
}
.rcc img {
	border-bottom: 7px solid #d63432;
    border-top: 7px solid #d63432;
}


.royal-canin-care h1 {
	margin: 18px 0 9px 0;
}
.royal-canin-care ul.usp {
	padding: 0 !important;
	margin: 1.8em 1.5em 2em 3.2em;
}
.royal-canin-care ul li {
	list-style: none !important;
	font-size: 17px;
}
.royal-canin-care ul li::before {
	content: "✓";
	margin-right: 0.5em;
	margin-left: -1.34em;
	font-size: 20px;
	color: #4db700;
	font-weight: 700;
}
.rcc-btn {
	display: block;
	text-align: center;
	margin: 30px 0 25px 0;
}
.rcc-btn a {
	display: inline-block;
	background-color: #558117;
	color: #fff;
	font-size: 19px;
	text-decoration: none;
	padding: 20px 23px;
}
.rcc-btn a:hover {
	color: #000;
	background-color: #ddd;
}
.rcc-products {
	text-align: center;
}
.highlight {
	color: #d63432;
}

/* tekst - gælder ikke i forvejen nedsatte varer */

.f-dag .width49 span {
    font-size: 14px;
}

/* Cyber Monday*/

.cyber-monday div {
	text-align: center;
}
.cyber-monday .tid {
	margin: 8px 0;
}
.cyber-monday .tid img {
	border-radius: 6px;
}
.cyber-monday .banner img {
	border-radius: 10px;
	margin: 5px 0;
}
.cyber-monday .links p {
	font-size: 20px;
	padding: 0;
	margin: auto;
}
.cyber-monday .links a {
	display: block;
	max-width: 30%;
	margin: 10px auto;
	padding: 4px 10px;
	background: #ccc;
	border: 1px solid #a2a2a2;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
}
.cyber-monday .links a:hover {
	background: #0086c5;
	color: #fff;
	border: 1px solid #0086c5;
}
.cyber-monday .dots {
	margin: 35px 0;
}
.cyber-monday.afsluttede {
    opacity: 0.40;
}
p.tekst-afsluttet {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px;
    background: #e7e7e7;
}
p.forlaenget {
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    .cyber-monday .tid img {
	    max-width: 50%;
    }
	.cyber-monday .links p {
		font-size: 17px;
	}
	.cyber-monday .links a {
		max-width: 75%;
	}
}

/* Click & Collect side */

.menu_box_parent_CC {
	border: 3px solid #e7e7e7;
	border-radius: 15px;
	padding: 18px;
}
.cc_tekst h3 {
	text-transform: none;
	padding-top: 12px;
}
.menu_box_child_CC h3 {
    text-transform: none;
    padding-top: 4px;
}

@media only screen and (max-width: 767px) {
	.icon_box_CC {
		max-width: 77%;
		margin: 2% auto;
		text-align: center;
	}
	.icon_box_CC .menu_box_child_CC {
		margin: auto;
	}
	.icon_box_CC .menu_box_child_CC img {
		max-width: 70%;
	}
}
@media only screen and (min-width: 768px ) {
	.menu_flex_box_CC {
		flex-direction: row !important;
	}
}
.info-bf {
	display: block;
	border: 1px solid #959595;
	background: #fffdb5;
	padding: 12px 15px;
}

/* Valentinsgåtur 2020 */

.valentin a {
	display: inline-block;
	background: #1f6728;
	margin: 12px 0;
	padding: 10px 30px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
}
.valentin-fb-embed iframe {
    max-width: 100%;
}

/* Temp - loyalitskort skjul */

/*
.onestepcheckout-coupons {
    display: none;
}
*/

/* 30 års side */
@media only screen and (min-width: 768px ) {
	.ipaper-embed-30-aar iframe {
		height: 500px !important;
	}
}
.custom_ref_2.ipaper-knap a {
    padding: 15px 55px;
    font-size: 20px;
}

/* Kundeklub side */

.img_kundeklub {
    margin: 1% 0% 2% 0%;
}

/* Fix til minus margin i skabelon */

@media only screen and (min-width: 1025px ) {
    .banner_box_image.banner-fix {
        margin: -30px -30px 0 -30px !important;
    }
}

/* Podcast landingsside */

@media only screen and (min-width: 768px ) {
    .podcast iframe {
        background: #3c3d46;
        padding: 5px;
        width: 80%;
    }
}

/* Checkout */

.payment-methods input.radio {
	float: none !important;
}

/* Vigtig besked - forside */

.forside .important-message {
	display: block;
	background: #fbf5e7;
	border: 1px solid #e8e0cc;
	padding: 20px;
	margin-bottom: 30px;
}
.forside .important-message h1 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
}

/* Gavekort side */

.custom_ref_2.gavekort {
	text-align: left !important;
	font-size: 18px;
}

/* Covid-19 side */

.covid19 p, .covid19 ul {
	font-size: 15px;
}
.aabningstider-c19 {
	font-weight: 500;
}
.covid19 h3 {
	text-transform: none;
    font-size: 19px;
}
.covid19 h2 {
	text-transform: none;
    font-size: 23px;
}
@media only screen and (max-width: 767px) {
	.covid19 .kampagne-tekst h1 {
		font-size: 25px;
	}
	.covid19 p, .covid19 ul {
		font-size: 14px;
	}
}

.tilbuds_countdown_flex.mh-speciel {
    width: 100%;
}
.dogs-creek-img {
    text-align: center;
}

/* Knapper */

.knap-medium {
	display: inline-block;
	background-color: #558117;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	padding: 7px 15px;
}
.knap-medium:hover {
	background-color: #3b5810;
}
.script-nb {
    margin: 0 !important;
    padding: 0 !important;
}

/* Venskabsarmbånd knap */

.venskabs-knap {
	text-align: center;
}
.venskabs-knap a {
	display: inline-block;
	padding: 15px 38px;
	border-radius: 100px;
	background: #c30016;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
}
.venskabs-knap a:hover {
	background: #88000f;
}

@media only screen and (max-width: 767px) {
	.venskabs-billede-desktop {
			display: none;
	}
	.venskabs-knap a {
		padding: 17px 38px;
		font-size: 15px;
		text-shadow: 1px 1px 1px #73000d;
	}
}
@media only screen and (min-width: 768px) {
	.venskabs-billede-mobil {
			display: none;
	}
}

/* Venskabsarmbånd topbanner */

.under-header-holder {
		background: none;
		padding: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: 0 0;
		margin: 0 auto;
		text-align: center;
	}
.under-header-holder .fordele {
		background: linear-gradient(to bottom, #999999 0%, #666666 100%) !important;
		padding: 8px 0 5px !important;
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
		max-width: 972px !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
.venskabsarmbaand-mobil, .venskabsarmbaand-desktop {
		display: block;
		margin-top: 10px;
	}

@media only screen and (max-width: 415px) {
	.venskabsarmbaand-desktop {
		display: none;
	}
}
@media only screen and (min-width: 416px) {
	.venskabsarmbaand-mobil {
		display: none;
	}
}

/* Juleside 2020 */

.jul2020 h1 {
	margin: 18px 0 9px 0;
}
.jul2020 h2 {
	background: #ececec;
	border: 1px solid #dbe0d0;
	color: #000;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	padding: 12px;
	margin: 25px auto 20px auto;
}
.jul2020 p {
	font-size: 14px;
}
.jul2020 .rcc-products {
	margin: 40px auto;
}
.aktuelle-tilbud-1 {
	display: inline-block;
	padding: 7px 10px;
	text-align: center;
}
.aktuelle-tilbud-1 p {
	font-size: 22px;
	color: #666666;
}
.aktuelle-tilbud-2 {
	display: inline-block;
	width: 49.7%;
	padding: 7px 10px;
	text-align: center;
}
.jul2020 a.knap {
	background: #558117;
	color: #fff;
}

/* Juleskrab side */

.juleskrab {
	text-align: center;
}
.juleskrab-gevinster, .aktuelle-tilbud {
  text-align: center;
  margin-bottom: 20px;
  border: none;
}
.juleskrab-gevinster p {
  font-size: 17px;
  color: #000;
}

/* Covid landingsside breaking */

.covid-breaking, .breaking {
	display: block;
	background: #fdf3c2;
	padding: 10px 16px;
	color: #000;
}
.breaking {
    display: block;
	background: #fdf3c2;
	padding: 10px 16px !important;
	color: #000;
    font-size: 17px;
}

/* Topbar i header */

.header-topbar {
	text-align: center;
	background: #dd4b39;
}
.header-topbar p {
	font-size: 17px;
	padding: 7px !important;
	margin: 0;
	color: #fff;
	line-height: 1.25;
}
.header-topbar a {
	color: #fff !important;
}
@media only screen and (max-width: 767px) {
	.header-topbar p {
		font-size: 14px;
	}
}
.faq-pw h1 {
    font-size: 28px;
    margin-top: 17px;
}

/* Butiksoversigt ændringer */
.outlet-list-overview .outlet-region ul li a {
	font-size: 13px !important;
	text-transform: none !important;
}

/* Produktside */

@media only screen and (min-width: 768px) {
	.padder {
		max-width: 100% !important;
	}
}
.yt-productpage {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.yt-productpage iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Checkout page - Boks ved kommentarfelt */

.infobox {
    padding: 2px 12px !important;
}
.infobox li {
    list-style: disc !important;
    padding-left: 0 !important;
}
.onestepcheckout-commet-checkbox label {
    margin-left: 3px !important;
}

/* Hills Perfect Digestion landingsside */

.youtube-embed {
	text-align: center;
}
.youtube-embed iframe {
	width: 100%;
	max-width: 600px;
	aspect-ratio: 16 / 9;
}

/* Checkout page - handelsbetingelser */

.checkoutpage.terms {
	text-align: left;
}
.onestepcheckout-popup-wrapper-inner .close a {
	display: inline-block;
	background-color: #558117;
	padding: 7px 35px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
.onestepcheckout-popup-wrapper-inner .close a:hover {
	background-color: #ddd;
	color: #000;
}

/* Royal Canin Enhanced Content - produktside */

.rc-enhanced-content h1,
.rc-enhanced-content h2,
.rc-enhanced-content h3,
.rc-enhanced-content h4 {
	padding-bottom: 0.5em;
	margin: 0;
}
.rc-enhanced-content p {
	font-size: 15px;
	padding: 0 0 1em 0;
	margin: 0;
}
.rc-enhanced-content ul {
	font-size: 15px;
}
.rc-enhanced-content img {
	margin: 1.5em 0 1.5em 0;
}
.product-collateral .padder a[data-readmore-toggle] {
	display: none !important;
}
.product-collateral .padder #rmjs-1, .product-collateral .padder #rmjs-2 {
	height: auto !important;
	max-height: 5000px !important;
}

/* Topmenu rettelse */

#nav > li.level0 > a {
    padding-bottom: 14px;
}

/* deaktiver nyhedsbrev link */

/*.header-top .nyhedsbrev {
    display: none;
}*/

li.level0.nav-7.level-top.tilbud.parent {
    display: none !important;
}

/* Førpris - produktside og produktoversigt */

.old-price {
	display: block;
}
.old-price .price-label {
	display: inline;
	color: #333;
	font-size: 14px;
}
.old-price .price, .product-view .product-shop .price-box .old-price .price {
	font-weight: normal;
	color: #333;
}
.product-view .product-shop .price-box .old-price, .category-view .products-grid .price-box .old-price {
	float: none;
	color: #333;
	padding-bottom: 7px;
}

/* Kategoriside */

.category-description-holder .category-description {
    text-align: left !important;
}

/* Breaking box */

.breaking2 {
	display: block;
	background: #ffc267;
	padding: 10px 16px !important;
	color: #000;
	font-size: 15px;
	margin-bottom: 20px;
}

/* Køb 2 og spar badge */

.product-view .product-img-box .text_badge.text_badge_54404 {
	top: 13px;
	line-height: 13px;
}

/******* end CSS #2: CSS - Brian *******/

/******* start CSS #11: markedsdag *******/

.marked_container{
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    text-align: center;
}
.marked_element{
    margin: 1% 1%;
    
}

.responsive_pic{
    width: 100%;
    height: auto;
}

.marked_element_left{
    padding-right: 21px;
    
    
}

.marked_element_right{
    padding-left: 21px;
}


@media only screen and (min-width: 740px ){ /*-------------------------- 740px------------------*/
   .marked_container{
    
    flex-direction:row;
    
    
} 
    .marked_element{
    flex: 0 0 48%;
}
    

.marked_element_right{
    padding-left: 10px;
    margin-top: 10px;
}
    
}

@media only screen and (min-width: 1024px ){ /*-------------------------- 1024px------------------*/

.marked_element_left{
    padding-right: 10px;
    margin-top: 10px;
}

.marked_element_right{
    padding-left: 10px;
    margin-top: 10px;
}
    
    
    
}

/******* end CSS #11: markedsdag *******/

/******* start CSS #12: Happydog *******/

.width49-mod{
    
    width: auto;
    padding: 5px 5px;
    text-align: center;
}    

.happydog_template_1 h3{
    font: Frutiger LT PRO;
    font-size: 11pt;
    font-family: 75 Black;
    color: #69a341;
}
.happydog_template_1 h2{
    font: Frutiger LT PRO;
   /* font-size: 11pt;*/
    font-family: 55 Roman;
    color: black;
}

.standard_text_1{
    margin: 3%;
    
	overflow:hidden;
    
}

.standard_flex_box_1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.standard_text_img_1{
    width: 70%;
    margin: 3% 15%;
    text-align: center;
}

.standard_hr_1{
    margin: 6% 0;
}



.happy_text_1{
    margin: 3%;
}

.happy_image_left_1{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 3%;
}

.happy_image_right_1{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 3%;
}

.happy_custom_ref a{
    text-decoration: none;
    
    padding: 8px 16px;
    text-align: center;
}

.custom_ref_2 a{
    text-decoration: none;
    
    padding: 8px 16px;
    text-align: center;
}

.happy_custom_ref{
    text-align: center;
    display: block;
    margin-bottom: 5%;
    margin-top: 8%;
}

.custom_ref_2{
    text-align: center;
    display: block;
    margin-bottom: 5%;
    margin-top: 8%;
}

.happy_next{
    background-color: #558117;
    color: white;   
}

.happy_custom_ref  a:hover {
    background-color: #ddd;
    color: black;
}


@media only screen and (min-width: 820px ){ /*-------------------------- 820px------------------*/

.width49-mod{
    display: inline-block;
    width: 33%;
    padding: 7px 10px;
    text-align: center;
    
}



.custom_ul_vadfoder{
    margin-left: 41% !important;
}
    
    
.standard_hr_1{
    margin: 0 0;
}    
    
.standard_text_1{
    margin: 3%;
    width:52%;
	overflow:hidden;
    
}

.standard_flex_box_1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}

.standard_text_img_1{
    width: 25%;
    margin: 3%;
}
    
    
    
    

/*
.happy_custom_ref{
    display: inline-block;
}
*/

.happy_image_left_1{
    width: 40%;
    display: block;
    float: left;
    margin-right: 10px;
    height: auto;
    margin-bottom: 0%
}
    
.happy_image_right_1{
    width: 40%;
    display: block;
    float: right;
    margin-left: 10px;
    height: auto;
    margin-bottom: 0%
}        
    
.custom_ref_2{
    text-align: center;
    display: block;
    margin-bottom: 5%;
    margin-top: 4%;
}
    
    
}


@media only screen and (min-width: 1020px ){ /*-------------------------- 820px------------------*/
  .happy_custom_ref{
    margin-top: 14%;
}  
}

@media only screen and (min-width: 1025px ){ /*-------------------------- 820px------------------*/
  .happy_custom_ref{
    margin-top: 8%;
}  
}

/******* end CSS #12: Happydog *******/

/******* start CSS #13: Youtube embed *******/

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.video-responsive-banner{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin: -3.2% -3.2% 0 -3.2%; 
}
.video-responsive-banner iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


@media only screen and (min-width: 319px ){ /*-------------------------- 319px------------------*/
.video-responsive-banner{
        margin: -3% -3% 0 -3%;
}
}

@media only screen and (min-width: 520px ){ /*-------------------------- 520px------------------*/
.video-responsive-banner{
        margin:-2% -2% 0 -2%;
}
}

@media only screen and (min-width: 640px ){ /*-------------------------- 640px------------------*/
.video-responsive-banner{
        margin: -1.6% -1.6% 0 -1.6%;
}
}

@media only screen and (min-width: 720px ){ /*-------------------------- 720px------------------*/
.video-responsive-banner{
        margin:-1.4% -1.4% 0 -1.4%;   
}
}

@media only screen and (min-width: 850px ){ /*-------------------------- 850px------------------*/
.video-responsive-banner{
    margin: -1.2% -1.2% 0 -1.2%;
}
}

@media only screen and (min-width: 1024px ){ /*-------------------------- 1024px------------------*/
.video-responsive-banner{
    margin: -1.1% -1.1% 0 -1.1%;
}
}

@media only screen and (min-width: 1025px ){ /*-------------------------- 1025px------------------*/
.video-responsive-banner{
     margin:-3.3% -3.3% 0 -3.3%;
}
}

/******* end CSS #13: Youtube embed *******/

/******* start CSS #15: Weather conditions *******/

/*
 *       ___      ___       ___  __    __   __   __  
 * |  | |__   /\   |  |__| |__  |__)  /  ` /__` /__` 
 * |/\| |___ /~~\  |  |  | |___ |  \ .\__, .__/ .__/ 
 *
 * Minecraft weather effects with pure CSS
 * © Copyright 2014 Moritz Marquardt
 *
 * https://github.com/moqmar/weather.css
 *
 * Licensed under MIT License (http://opensource.org/licenses/MIT)
 */

/* main element */


.body{
   
}

.img_hug{
    position: relative;
}

.weather {
    position: relative; overflow: hidden;
}
/* pseudo elements: positioning and setup */
.weather:before, .weather:after {
    content: "";
    position: absolute; left: -50%; top: -50%; right: -50%; bottom: -50%;
    z-index: 0;
    pointer-events: none;
    
    background: transparent repeat;
    background-size: 256px 1024px;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    /*image-rendering: pixelated;*/
    opacity: ;
    
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    
    -webkit-animation-name: weather;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: weather;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.weather:after {
    opacity: 0.0;
    -webkit-animation-name: weather2;
    animation-name: weather2;
}
/* rain (fast, rain.png) */
.weather.rain:before, .weather.rain:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAEACAYAAAADRnAGAAAH6klEQVR42u2dS4wURRjHq2p2BrMIrCsePLAS0BsEY6IJyTY7vBqXGBl5KCgIywK92Y2BFTyAJmqMezFeVIytHjQQOUAUiRG3edPrbuBiiF68GKInE9iXq7i7M1UeQJ0dZnr7Uf2o/r7fjRmmt/vf/6/qq66urwgpQzds8fyrV2cTCeiGXQjyfS02H7zyHpEIq/zgi7efGJV0bFH5wQuvXd3r9L1L/gxVAIkMVX6QzbJxp+9dckMJASxTu1z52eQkH3P63iWTZWG0MskOIFUcMBE4rgQZDu0EdcMWRCF0w14KWgApbYBu2A1l/54AJwAhZEHZv4chCtCkigBPvdTXHYYACyX0zZHAudxeq7XT7v7PAbphLyaEjCTaroxw6Ye0TG3vncTkR0LIICQHEEI4K+sCFyXdAZSG4ICy1PSnpDsghMx1igMWW6Z2KOEC8IQLqhatnXY3QRDXA6Xn0poKu2UO2gB4CPSk9cJmJ+hc5qHVkkp+e29vGh3guhcQQoTeC1im9ltiBeAlkYupXWhKSB4QzwNjy9R+TYQAlLJ64JlgPCGQHAEYnQl9LNAAOqFr2dY7HtOFLUmEwsu2fvc76BAQVAzDbgOEGILtACFGYDuAi0HQAmSyOeUcsHrP5TZ5qXAmE4sDdMN+KMDPKYGMVAeklbQLQKELkI633nTDzkMPAYptQA3WdvXNhiBAzVj+9nDzKEEQBEEQBEEQBEEQBEGqs2r3pR7dsB8t/wzavEAjqXi+CE2AesvUfoAswF1Pl6EJICrfOQIlAKUkZ5naNcgCzAQfAtAFuAVdgJuYDiIIXHTj4kZUAUHKQsKeLzUPWNNhKxdjshOhBpUu3jK167IFmIQQN2+m6Xr8OIA6tAHbQbcBvR9pn0NvBAloAdZ02O2gBRCCjIIWwDK149P0IC1KCLDl0NW8040O8PfqlBCgWOQ5h7v8epyJ0qpdF3qiCAHpS+V1w54boJz2/zdnstgYugClksiGkHff0A17WdDjUEpTWcnCNfkdZ46AToQooQK0AELyQjAVHRBoAdX6/QPz1HaAEIEs8OW7S6dUq2JLCifuWnW14cDAwcQ6gNK/ZDqAPP7sqceiOPENBwYekXGclhet8OsartvX3yH7mOv3D8wniCKs7ep7C8q1shot7YOprSHqMg+YQW6/VAgX3bCPgXVAa6d9NC0O0A17k2cBTn+obSXpqSR9vx8HfEAIuS/EuxJlTjDLTyNIKVVrorMWlqm946MbJMOZTHgVJC1Tuz7d/2neeroQhUBVBeCcjBHJGxt6HvVxwWITgNze1DDW+oGUUSn7ieiG/YZnASxT+4TEvOuURAfU+XEAoTTePYdkOYAQ5+k6J5VjrR/Yd7T1ZKwCMEZHPMRZkreruTmtALph76gyIvTigMQ+W5xuwpbdKUicqfzim/ebvew6xZN24dVuaq079zAhpBhSdyqN1k67zeNPMm5PvIkQEnQuMHQHUOp5PsDVTWWWqZ0kwaetmUd7ei6A5mM+IOv6xC0z8NtdnhxgmdqoDwd4/cmklzuSyPf7yp3S2mnvJJBZ29XX5lG87ZHfpaSypsMuhNZ9uYnn5VtOxLpHAOd8RqwZ3MT4RCZOAUqlYn2sAuTuyZXiDQIKu8Q2Ap0V7efaUAVofT9SnofsPLsaVUAwfGNVfW7qldeN80ouqJQ2FuBczS1tpAnAFF2BKNMBWeAOUHNLTokOEAK6Axh0B9ScG1i3rx/L14Cm0N2/LvUhME14ZFIvQMsOa6NDA8lTL8Clz/QTDg7Ax9ISRpQ9yrYBkpgFXQAOXQCGDoDuAN2wC9AdwKC3ARyyAH8Q6KW/wmgDEAR4uDBJfyyJK81ZZAJwzhtdChXl/CCPUgBX64z9vCSthAMopfdCGTtUZUX7hVOqNpayHEBBCxC0uhM6IAUOGAMtACHxrjNOggMGCYIgCIKo8qxAeh7gRKNEMdWbGBFCzEny+UYhgMyqdPInRiJ4TDVHsZCVy6rdl36G3gg2QBdA2kvUsnsB6bvNVYNSKq0q3Z16J9gGqBYCQ9AFGIEuwCA6IAE0b+stgHaAECLdr9dMN+yO0wFR4TjoErzEIhFg9Z7L+ZgEcBx0McZ4VA6Ia5rMcYrePvLkybSHgK8JWpaUE4nLedIFOPPxsovQHUBAOyBGxqALMAJdAH8pN/SyMv8WVgYtQBN0ARaiAxAEiZqId5uKNhHafPDKK3iLIbPhwMBhlbrBMHgAtACci1mpEWDpxq88z8lTStMjAKur8+wSIQRPjQC8WOQ+HKDMc4Zp3xLz44BikY+p5ADH5wG8VPJj50mVBHAcDQ4cL/h5L0cpB0h/HkApHUmNA/wwMVHCNUSp55mX+1Mx4vPdX3NO5roa9+85m9oFE+6WzIt0bOLuG333+WNJO6cV7Rd6Ajvg6b3ff+1uXMClF1fQDTvQ1l2U0sZAAuiGPd9toVRKWRgvTAQt0lof2AFuC6UKEko90aBbd9FAAlimdt11oVQh/5UZy9SuBfl9ecEH5je2GHO5DoAmb+MFSmmulgO8xNaQSweEOjDy2SA21BKg5MEBIzVOaOrzBSrCHhj5aRCrN4IeY2u8RnxOKZZUV5cNe2Dkp0G8VfuOAWDlrovHCIIgYFm+83yXjOGwsggh/kYbIAqSbzu3SfYxlWoDOOe5KknNAjACMMbuylrPfZr/RQkBZKTcnPP6Kg5YFOSY/wBRWmBLYfog4AAAAABJRU5ErkJggg==);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.weather.rain:after {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
/* snow (slow, snow.png) */
.weather.snow:before, .weather.snow:after {
    background-image: url(https://image.maxizoo.dk/media/wysiwyg/Flag2.png);
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}
.weather.snow:after {
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}
/* animation keyframes */
@-webkit-keyframes weather {
    from { background-position: 0 0px; }
    to { background-position: 0 1024px; }
}
@keyframes weather {
    from { background-position: 0 0px; }
    to { background-position: 0 1024px; }
}
@-webkit-keyframes weather2 {
    from { background-position: 64px 64px; }
    to { background-position: 64px 1088px; }
}
@keyframes weather2 {
    from { background-position: 64px 64px; }
    to { background-position: 64px 1088px; }
}

/******* end CSS #15: Weather conditions *******/

/******* start CSS #23: Hjælpecenter + OM OS *******/

/* HJÆLPECENTER */ 

.top-banner-textbox {
    width: 100%;
    background-color: white;
}

.top-banner-textbox p {
    font-size: 17px!important;
}

.top-banner-textbox img {
    float: right;
    width: 320px;
    margin: 1em 0 1em 1em;
}

.top-banner-textbox h1 {
text-transform: none!Important;
    color: #196428; /*Evt. på indholdssider*/
    font-size: 25px;
}

/*grøn baggrund overskrifter */

.box-background-light-green {
    width: 100%;
    /*background-color: #DAE49B;*/
    border-bottom: 2px solid #C8D86B;
    padding: 0.4em;
    margin: 2% 0 0 0;
    border-radius: 2px;
}

/* Lys grøn baggrundsfarve bag overskrift - padding mobil*/

@media only screen and (max-width: 767px) {
    .box-background-light-green {
        padding: 10px 1em 5px 10px;
    }
}

/* Lys grøn baggrundfarve bag overskrift på undersider til hjaælpecenter */

.box-background-light-green-underside {
    width: 100%;
     /*background-color: #DAE49B;*/
    border-bottom: 2px solid #C8D86B;
    padding: 0.4em;
    margin: 0.2em 0 -0.5em 0;
    border-radius: 2px;
}

/* Lys grøn baggrundfarve bag overskrift på underside vilkaar & betingelser */

.box-background-light-green-vilkaar {
    width: 100%;
     /*background-color: #DAE49B;*/
    border-bottom: 2px solid #C8D86B;
    padding: 0.4em;
    margin: 0 0 2% 0;
    border-radius: 2px;
}

/*hjælpecenter CMS block : contact_info_block*/

.hjc-kontakt {
	display: flex;
	text-align: center!important;
	margin-top: 2em;
}
.hjc-kontakt div {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	margin: 0 1.5em;
	padding: 3em 0em;
	background: #f7f7f7;
	border-radius: 15px;
		text-align: center!important;
}
.hjc-kontakt a {
	text-decoration: none;
}
.hjc-kontakt .hjc-ikon {
	width: 80px;
	margin: auto;
}
.hjc-kontakt .hjc-link {
	font-size: 2em;
	font-weight: 500;
	color: #196428;
	padding: 0.4em;
}
.hjc-kontakt p {
    text-align: center;
	font-size: 1.2em;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.hjc-kontakt {
		flex-direction: column;
		align-items: center;
	}
	.hjc-kontakt div {
		width: 100%;
		margin-bottom: 2em;
	}
	.hjc-kontakt .hjc-link {
		font-size: 1.6em;
	}
	.hjc-kontakt p {
		font-size: 1.1em;
	}
}


/* NY TEST HJÆLPECENTER - 18/8/2021 */


.h-center {
    width: 98%;
    max-width: 1200px;
    /*padding: 2% 5%;*/
    min-height: 800px;
    margin: auto;
}


.h-center h2 {
    text-transform: none!Important;
    color: #196428; /*Evt. på indholdssider*/
    font-size: 21px;
}

.h-center h3 {
    text-transform: none!Important;
    color: #196428; /*Evt. på indholdssider*/
    font-size: 19px;
}

.h-center p, .h-center li {
    font-size: 17px;
}


.flexcontainer-h-center {
margin: 1.5em auto 0 auto;
width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.category-block-green {
    flex: flex-grow;
    margin: 1%;
    background-color: #ECF3DD;
    padding: 2% 4%;
    width: 31%;
    height: 90px;
    border-radius: 2px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.category-block-green:hover {
    cursor: pointer;
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.category-img {
    display: flex;
 width: 32%;
 max-width: 35px;
}

.category-img-tall {
    display: flex;
 width: 28%;
 max-width: 29px;
}


.category-img img {
    width: 100%;
}

.category-p {
    width: 65%;
    display: flex;
     padding: 0.2em 0.8em 0.8em 1em;
 }

.category-p p {
    font-size: 16px;
     color: #196428;
}

@media only screen and (max-width: 600px) {
    .category-block-green {
        width: 47%;
}
}

.margin-top-1em {
    margin-top: 1em;
}

/* visning på mobil vs. desktop og tablet */

@media only screen and (max-width: 767px) {
              /*  .desktop {
                                display: none;
                } */
                
                .category-p p {
                    margin-top: 0.5em;
                    font-size: 14px;
}
}

@media only screen and (min-width: 768px) {
               /* .mobil {
                                display: none;
                }*/
                
}

/* knapper green outline*/ 

/* centrer knap + knap bredde */ 
.centrer-btn {
	width: 100%;
	text-align: center;
}

/* styling knap visning + tekst + margin */
.btn-new {
	display: inline-block;
	margin-top: 1em;
	margin-bottom: 5px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

.btn-new:hover {
	color: #fff;
}

.btn-green-outline-new {
	border: 2px solid #196428;
	color: #196428;
}

.btn-green-outline-new:hover {
    background-color: #0e4a1b;
}

/* medium knap */ 

.btn-medium-new {
padding: 10px 20px;
	font-size: 16px;
	border-radius: 10px;
}

/* grøn-hvid pil ikon i knap */ 

.arrow-icon-btn {
    width: 12px;
    margin: 2px 8px 0 0;
}

/* Underside vilkaar & betingelser - styling af links */

.links-vilkaar {
    font-size: medium;
    font-weight: 500;
    color: black;
    text-decoration: none;
}

/* CMS block - gode råd før du kontakter kundeservice */

.gode-raad h3  {
    text-transform: none!Important;
    color: #196428; /*Evt. på indholdssider*/ 
    font-size: 19px;
    margin-top: 1em;
}

.gode-raad li  {
    font-size: 16px;
    margin-bottom: 0.3em;
    width: 98%;
    max-width: 800px;
}   


/* SLUT HJÆLPECENTER */ 

/* START OM OS UNIVERS + PRESSE */ 

.top-menu-about {
    width: 96%;
    margin: 0 auto 3em auto;
}

.ul-top-menu {
  list-style-type: none!Important;
  padding: 0!Important;
  overflow: hidden;
  background-color: white;
}

.li-top-menu {
  float: left;
}

.li-top-menu a {
  display: block;
  color: black;
  text-align: center;
  padding: 0.8em 1em;
  text-decoration: none;
  font-size: 15px;
  font-weight: medium;
}

.li-top-menu a:hover {
  background-color: #ECF3DD;
  border-radius: 3px;
}
 /* styling top menu om os univers mobil + alm ipad  */
@media only screen and (max-width: 821px) {
    .top-menu-about {
    width: 100%;
    margin: 0;
}
    
    .li-top-menu a {
        margin: 0.2em;
        border: 0.5px solid #000;
        padding: 0.5em;
        font-size: 13px;
    }
}

/*
@media only screen and (min-width: 768px) and (max-width: 821px) {
    .top-menu-about {
    width: 98%;
    margin: 0;
}
}*/
    

.active1 {
    background-color: white;
    border-bottom: 2px solid #196428;
    font-weight: bold;
    color: #196428;
}

.center-text {
    text-align: center;
}

.margin-top-overskrift {
    margin-top: 3%;
}

.img-historie {
    width: 100%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.bottom-block {
    width: 220px;
    height: 150px;
    display: inline-block;
}

/* Timeline test */

.timeline{
  position:relative;
  margin:50px auto;
  padding:0;
  width:900px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.timeline-content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:#196428;
  border-radius:50%;
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:#196428;
  border-radius:50%;
}
.timeline ul li h3{
  padding:0;
  margin:0;
  color:#196428;
  font-weight:600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:18px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-120px;
  margin:0;
  padding:8px 16px;
  background:#196428;
  border-radius:18px;
}
.timeline ul li:nth-child(even) .time {
  position:absolute;
  top:12px;
  left:-120px;
  margin:0;
  padding:8px 16px;
  background:#196428;
  border-radius:18px;
}
.timeline ul li:nth-child(odd) .time h4, .timeline ul li:nth-child(even) .time h4 {
	color: #fff;
}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  .timeline h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}


.about-maxizoo {
	background: #fff;
	width: 98%;
	max-width: 1000px;
	/*margin: -12% auto 0 auto;*/
	padding: 2% 3%;
/*	border-radius: 10px;*/
/*	z-index: 2;*/
/*	position: relative; */
}

/* mobil + alm ipad */ 
@media only screen and (max-width: 768px) {
.about-maxizoo {
    padding: 3% 0;
    }
}

.about-maxizoo h1 {
    text-align: center;
}

.about-maxizoo h2 {
    text-align: left;
}

.about-maxizoo p {
    text-align: left;
}

/* værdier */ 
.div-img {
}

.div-p {
}


.dark-green-textbox {
    width: 100%;
border: 1px solid #196428;
padding: 1em;
border-radius: 2px;
margin: 2em auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.dark-green-textbox h2 {
    text-align: center;
}

.dark-green-textbox .div-p {
width: 90%;
padding: 1em;
}

.dark-green-textbox .div-p h4 {
/*color: white;*/
text-align: center;
}

.dark-green-textbox .div-p p {
/*color: white;*/
text-align: center;
}



.green-border {
}

.about-maxizoo .green-border {
    border: 1px solid #196428;
    border-radius: 2px;
    padding: 2.5em 5%;
    margin: 2em auto;
}
    
    .about-maxizoo .green-border h2 {
        text-align: center;
    }
    
.about-maxizoo .green-border p  {
    text-align: left;
}

.about-maxizoo .green-border h3 {
    margin-top: 2%;
}

.flexcontainer-values  {
    border: 1px solid #196428;
    border-radius: 2px;
display: flex;
flex-wrap: wrap;
padding: 2.5em 1em;
justify-content: space-evenly;
}


.flexcontainer-values .div-img {
width: 47%;
/*height: 245px;*/
margin: 1em;
/*background-color: #f2f2f2;*/
}

.flexcontainer-values .div-p {
width: 47%;
/*height: 245px;*/
/*margin: 1em;*/
padding: 1em;
}

.flexcontainer-values .div-p p {
    text-align: left!important;
}

@media only screen and (min-width: 501px) and (max-width: 1039px){
.flexcontainer-values .div-p {
    width: 45%;
    margin: 0;
}

.flexcontainer-values .div-p {
    width: 45%;
    margin: 0;
}
}

@media only screen and (min-width: 1px) and (max-width: 500px) {

.flexcontainer-values .div-p {
    width: 95%!important;
    margin: 0;
}

.flexcontainer-values .div-img {
    width: 95%!important;
    margin: 0.3em;
}
}

/* CSR & sponsorater */ 

.about-maxizoo ul li {
     font-size: 17px;
}

.about-maxizoo ol li {
     font-size: 17px;
}
    
   .about-maxizoo .sponsorater-menu li a { 
    text-decoration: none;
    color: black;
}

.about-maxizoo .sponsorater-menu li a:hover { 
    cursor: pointer;
    text-decoration: underline;
}

/* Pressesite */ 

.flexcontainer-nyheder {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
padding: 0.6em;
margin: 1em 0;
justify-content: start;
min-height: 550px;
}

/* flexcontainer nyheder på pressesite - webkit scrollbar */ 

.flexcontainer-nyheder::-webkit-scrollbar {
height: 6px;
overflow: visible;
width: 6px;
border: 1px solid #d5d5d5;
}

.flexcontainer-nyheder::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #eeeeee;
}

.flexcontainer-nyheder::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #b0b0b0;
}


/* pressearkiv */ 
.flexcontainer-nyheder-arkiv {
display: flex;
flex-wrap: wrap;
padding: 0.6em;
margin: 1em 0;
justify-content: start;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
    .flexcontainer-nyheder-arkiv {
display: flex;
justify-content: center;
}
}

/* nyhedsbox på pressesite og i pressearkiv */ 

.nyhed-box {
    position: relative;
    width: 31%;
    min-width: 180px;
    min-height: 540px;
    margin: 0.8em 0.5em;
    /*border: 1px solid #8f908c;*/
    border: 1px solid #e3e3e3;
    transition: box-shadow .3s;
}

/* mobil */ 
@media only screen and (min-width: 1px) and (max-width: 767px) {
    .nyhed-box {
        width: 250px; 
    }
}

.nyhed-box:hover {
    cursor: pointer;
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.nyhed-box img {
width: 100%;
}

.nyhed-box div {
padding: 1.2em;
}


.dato-nyhed {
font-size: 14px;
color: #8f908c;
}

.nyhed-box div h4 {
font-size: 20px;
font-weight: 500;
color: black;
}

.nyhed-box div p {
font-size: 14px;
}

/* Mørkegrøn 'læs artikel' knap */ 

.nyhed-box a  {
position: absolute;
bottom: 1.2em;
right:1.2em;
width: 120px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: white;
    text-decoration: none;
    display: block;
    padding: 0.3em 1em;
    background-color: #196428;
    border-radius: 2px;
}

/* pressesite - pressekontakt */ 

.flexcontainer-pressekontakt {
display: flex;
flex-wrap: wrap;
padding: 0.6em;
margin: 1em 0;
justify-content: center;
}

.flexcontainer-pressekontakt div {
width: 29%;
min-width: 220px;
    padding: 1.2em;
    margin: 0.8em 1.5em;
    border: 1px solid #196428;
}

.flexcontainer-pressekontakt div a {
font-size: 13px;
color: black;
}

.flexcontainer-pressekontakt div img {
margin-bottom: 1.2em;
}

.navn-pressekontakt {
font-size: 19px;
font-weight: 500;
line-height: 0;
margin-top: 0.8em!important;
}

.position-pressekontakt {
color: #196428;
}

.adresse-boks {
margin: 2em 1.5em;
    padding: 3em 2em;
    background: #f7f7f7;
    border-radius: 15px;
      text-align: center;
    }

    .adresse-boks p {
    text-align: center;
    }
    
    @media only screen and (min-width: 1px) and (max-width: 760px) {
        .adresse-boks {
            margin: 0;
        } }


/* pressemeddelelse */ 
.presse-nyhed {
width: 98%;
max-width: 1000px; 
padding: 3% 5% 5% 5%; 
min-height: 1000px; 
margin: 0 auto 3%; 
/*border: 1px solid #8F908C;*/
border: 1px solid #e3e3e3;
border-radius: 3px;
}

.presse-nyhed .img-presse {
    width: 100%;
    max-width: 750px;
    margin: 2em auto 3% auto;
}

.presse-nyhed .img-presse img {
    width: 100%;
}

.presse-nyhed .nyhed-underrubrik {
font-size: 18px; 
font-style: italic;
}

.presse-nyhed .dato {
font-size: 14px; 
color: #8F908C;
}

.nyhed-about-box {
border: 1px solid #196428; 
padding: 2% 5%; 
margin: 5% auto 0; 
}




/* Info blokke med  links - bunden af om-os-sider */ 

.flexcontainer-link-blocks {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
justify-content: space-between;
margin-bottom: 1.5em;
}

/* flexcontainer links blocks Om Os - webkit scrollbar */ 

.flexcontainer-link-blocks::-webkit-scrollbar {
height: 6px;
overflow: visible;
width: 6px;
border: 1px solid #d5d5d5;
}

.flexcontainer-link-blocks::-webkit-scrollbar-track {
border-radius: 3px;
background: #eeeeee;
}

.flexcontainer-link-blocks::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #b0b0b0;
}

/* blokke med links */ 

.flexcontainer-link-blocks .link-block {
width: 18%;
min-width: 219px;
margin: 0.3em;
background-color: #f6f5f0;
border-radius: 3px;
}

@media only screen and (min-width: 1px) and (max-width: 1170px) {
.flexcontainer-link-blocks {
        justify-content: start;
    }
    
    .flexcontainer-link-blocks .link-block {
    min-width: 190px;
    } }


.flexcontainer-link-blocks .link-block:hover {
cursor: pointer;
box-shadow: 0 0 11px rgba(33,33,33,.2); 
}


.flexcontainer-link-blocks .link-block img {
width: 100%;
border-radius: 3px;
margin-bottom: 0.8em;
}

.flexcontainer-link-blocks .link-block p {
font-weight: 500;
color: #196428;
text-align: center;
margin-bottom: 1em;
}


    
    /* Job i Maxi Zoo side */ 

.about-maxizoo .green-textbox {
width: 100%;
    background-color: #196428;
    margin: 1.5em auto;
padding: 2em 1em;
}

.about-maxizoo .green-textbox h2 {
width: 100%;
color: white;
font-size: 25px;
text-align: center;
margin-bottom: 1em;
 }

.about-maxizoo .green-textbox .flexcontainer {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
 }

.about-maxizoo .green-textbox .flexcontainer div {
width: 22%;
 min-width: 120px;
  margin: 0.2em;
}

 .about-maxizoo .green-textbox .flexcontainer div p {
 color: white;
 font-size: 21px;
 font-weight: 500;
 text-align: center;
 }
 
 @media only screen and (max-width: 770px) {
     .about-maxizoo .green-textbox .flexcontainer div {
        margin: 0;
     }
     
     .about-maxizoo .green-textbox .flexcontainer div p {
         font-size: 19px;
     }
 }
 

/* above footer blocks */ 

.above-footer-block {
  /*background-color: #fff;*/
  background-color: #f6f5f0;
  border-radius: 3px;
  min-height: 218px;
  } *

.above-footer-block:hover {
  cursor: pointer;
  box-shadow: 0 0 11px rgba(33,33,33,.2);
    }

.links-above-footer-blocks {
  margin-top: 0.8em;
  font-size: 17px;
  color: #196428;
  font-weight: 500;
  text-decoration: none;
  }

/* tilbud boks mobil */ 
@media only screen and (max-width: 768px)  {
    .above-footer .above-footer-block.above-footer-block02 {
max-width: 95%;
margin: auto;
  } 
  }
  
    /* viden om dyr boks ipad */
  
  @media only screen and (max-width: 1025px) {
      .above-footer .above-footer-block.above-footer-block03 {
    max-width: 300px;
    margin: auto;
}
}

/******* end CSS #23: Hjælpecenter + OM OS *******/

/******* start CSS #28: above footer block *******/

.above-footer{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    
    
}



.above-footer-block01{
    display: block !important;
    float: none !important;
    width: 300px !important;
    margin: 1% !important;
    
}

.above-footer-block02{
    display: block !important;
    float: none !important;
    width: 300px !important;
    margin: 1% !important;
    
}

.above-footer-block03{
    display: block !important;
    float: none !important;
    width: 300px !important;
    margin: 1% !important;
}

/******* end CSS #28: above footer block *******/

/******* start CSS #17: Ea css *******/

/* fjern login side på hjemmesiden*/ 

.account-login {
    display: none;
}

/* Kontaktside - gode råd boks */

.kundeservice_green_box {
background-color: #ffffff ;
padding: 10px;
margin: 2px 2px 2px 2px ;
border: 3px solid ;
  border-color: #60843e ;
}

/* hr - transparant hr på Ofte stillede spørgsmål side */

.custom {
    width: 100%;
    border: 0;
    height: 1px;
    background: #ffffff;
    opacity: 0.0;
}

/* billede-knapper 'Restmarked landingsside' */

.container_knap_image {
    width: 170px;
     margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  }
  

.h3_green {
    margin-top: 5px;
    color: #196428;
    text-align: center;
}

.flex-container-restmarked {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
}

/* billede-knapper 'Madspild side' 

.h3_orange {
    margin-top: 7px;
    color: #ff9600;
    text-align: center;
}

.container_knap_image_orange {
    width: 200px;
     margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  border-style: solid;
  border-color: #ff9600;
  padding: 15px;
  border-radius: 10px;
  } */
  
  
  /*Ekspertpanel side herunder*/
  
  .h3_ekspertpanel {
      color: #9bc832;
      margin-top: 5px;
      text-align: left;
  }
  
  .h5_expertpanel {
      text-transform: none!Important;
      color: #9bc832;
      font-size: 16px;
      margin-top: 5px;
      text-align: left;
  }
  
  .table_expertpanel {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 10px;
  }
  


.div_text_expertpanel {
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 20px;
  }
  
  /* magasin arkiv*/
  
 
  .img_magasin_cover {
      width: 280px;
      max-width: 65%;
     margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  }
  
  
  .flex-container-magasinarkiv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
}

.poteklubben {
    width: 100%;
} 

/* Elev-side */

.flex-container-elevside {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    margin: auto;
}

.container_knap_image_elev {
    width: 260px;
     margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  }
  
  .om-uddannelsen-box {
    width: 100%;
    background-color: #196428;
   padding: 25px 20px 20px 20px;
   margin-top: 15px;
   margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
.std ul {
    list-style: disc outside;
    padding-left: 25px;
}
}

/* Kontaktside - ofte stillede spørgsmål box */

.FAQ-box {
    text-align: center;
    width: 100%;
    background-color: #60843E;
   padding-top: 20px;
   padding-right: 20px;
   padding-left: 20px;
   padding-bottom: 15px;
   margin-top: 10px;
   margin-bottom: 15px;
}

/* Kontaktside - ofte stillede spørgsmål box */

.button1 {
  background-color: white; /* white button */
  border: none;
  color: #60843E;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px; 
  font-weight: normal;
  transition-duration: 0.4s;
}

.button1:hover {
  background-color: #196428; /* dark Green */
  color: white;
 
}

.text-link {
    text-decoration: none;
    color: #030303;
}  

.article-white-box {
    background: white;
    padding-left: 0px;
    padding-right: 20px;
}

.text_dog_summer {
    width: 340px;
     margin-left: 2%;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  }

.image_dog_car {
    width: 400px;
     margin-left: auto;
  margin-right:auto;
  margin-top: 15px;
  margin-bottom: 10px;
  }
  
  .flex-container-summertime {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    background-color: white;
}

@media only screen and (max-width: 768px) {
 .image_dog_car {
    width: 300px;   
}
}
  
  @media only screen and (max-width: 600px) {
      .image_dog_car {
          margin-right: auto;
    }
  }
      
 .img-bottom {
  width: 100%;
 }
 
 .margin-text-box {
     margin-left: 1%;
 }
     
   /* Ekspertpanel ny */  
    
 .image_expert {
     width: 30%;
    max-width: 250px;
     margin-left: 1%;
  margin-right: 1%;
  margin-top: 15px;
  margin-bottom: 10px;
  }
  
  .text_expert {
      width: 65%;
    max-width: 550px;
     margin-left: 1%;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  }
  
   @media only screen and (max-width: 768px) {
      .text_expert {
          width: 400px;
          margin-left: auto;
  margin-right: auto;
    }
    .image_expert {
    width: 250px;
     margin-left: 2%;
  margin-right: auto;
  }
  }
  
  @media only screen and (max-width: 600px) {
      .image_expert {
          width: 250px;
     margin-left: auto;
  margin-right: auto;
    }
    .text_expert {
          width: 400px;
   margin-left: 2.5%;
  margin-right: auto;
          
    }
    
  }
  
  .img-dyr {
      width: 100%;
      margin-top: 2%;
      margin-bottom: 2%;
  }

 .hundebillede {
 float: right; 
 margin: 4%;
 width: 392px;
}

@media only screen and (max-width: 600px) {

.hundebillede {
 width: 98%;
 margin-top: 3%;
 margin-bottom: 5%;
 margin-left: auto;
 margin-right: auto;
}
}

/*mathilde denning side*/ 

.flex-container-knapper-video {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

.div-knapper-video {
    width: 49%;
    margin-left: auto;
  margin-right: auto;
  align-items: center;
}

/* tabel med video-links*/ 

.table-video-links {
    width: 100%;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 2em;
}


.kattebilleder-artikel {
 float: right; 
 margin-top: 0.5em;
 margin-bottom: 1em;
 margin-left: 1.5em;
 margin-right: 0px;
 width: 380px;
}

@media only screen and (max-width: 600px) {

.kattebilleder-artikel {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
}
}

   /* Artikel - kattens dag */
   
.bredde-49-procent {
    width: 49%;
}

.artikler-overskrifter {
    text-transform: none!Important;
    font-size: 22;
}

.artikler-h3 {
    text-transform: none!Important;
    font-size: 18px;
}

.kattebilleder {
 margin-top: 1em;
 margin-bottom: 1em;
 width: 35%;
}

@media only screen and (max-width: 600px) {

.kattebilleder {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
}
}

.Artikel-link-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.4em;
    margin-top: 2em;
    background: #f7f7f7;
    border-left: 4px solid #d4d4d4;
}

.kattebilleder-small {
 float: right; 
 width: 32%;
 margin-right: 0px!important;
 margin-left: auto;
}

.text-artikel-teaser p:last-of-type {
    margin: 0;
}

.hr-hills {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
}

@media only screen and (max-width: 600px) {
    .kattebilleder-small {
margin-right: auto;
margin-left: auto;
 width: 100%;
 margin-bottom: 1em;
 margin-top: 1em;
    }
}

.text-artikel-teaser {
    display: inline-block;
    width: 65%;
    padding-right: 1.8em;
}

@media only screen and (max-width: 600px) {
    .text-artikel-teaser {
        display: block;
        width: 100%;
    }
}
        
/*hjælpecenter contact_info_block*/ 

.hjc-kontakt {
	display: flex;
	text-align: center;
}
.hjc-kontakt div {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	margin: 0 1.5em;
	padding: 3em 0em;
	background: #f7f7f7;
	border-radius: 15px;
	
}
.hjc-kontakt a {
	text-decoration: none;
}
.hjc-kontakt .hjc-ikon {
	width: 80px;
	margin: auto;
}
.hjc-kontakt .hjc-link {
	font-size: 2em;
	font-weight: 500;
	color: #196428;
	padding: 0.4em;
}
.hjc-kontakt p {
	font-size: 1.2em;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.hjc-kontakt {
		flex-direction: column;
		align-items: center;
	}
	.hjc-kontakt div {
		width: 100%;
		margin-bottom: 2em;
	}
	.hjc-kontakt .hjc-link {
		font-size: 1.6em;
	}
	.hjc-kontakt p {
		font-size: 1.1em;
	}
}

/* fødselsdagskonkurrence */ 

.fodselsdag-konkurrence {
    margin: 2%;
}

.fodselsdag-konkurrence h1 {
font-size: 23px;
}

.fodselsdag-konkurrence h3 {
font-size: 21px;
/*color: #60843e; */
text-transform: none!important;
}

.konkurrence-ul {
list-style-type: none;
}

.fodselsdag-konkurrence p {
    font-size: 15px;
}

.fodselsdag-konkurrence ul li {
font-size: 17px!important;
}

.al-template-d1c373ab1570cfb9a7dbb53c186b37a2 .al-form label {
margin-top: 10px;
}

 
/* forside banner - kæledyr efter corona */ 

.margin-bottom-front {
    margin-bottom: 18px;
}

.border-green {
    border: 1px solid #60843e;
    padding: 1em;
    margin: 1em 0;
     border-radius: 2px;
}

.border-green img {
    display: none!important;
}

.border-green p {
    font-size: 12px;
    margin: 10px 0 8px 11px;
}


/* sammen for dyrene */

.CSR-sammenfordyrene {
padding: 1em;
}

.CSR-sammenfordyrene h1 {
text-transform: none!Important;
font-size: 25px;
}

.CSR-sammenfordyrene h3 {
text-transform: none!Important;
font-size: 19px;
}

.CSR-sammenfordyrene p {
font-size: 16px;
}

.textbox-light-green-CSR {
background-color: #196428!Important;
padding: 2em;
border-radius: 3px;
margin: 2em 0;
}

.textbox-light-green-CSR h2 {
text-transform: none!Important;
font-size: 21px!Important;
color: white;
}

.textbox-light-green-CSR p {
color: white;
font-size: 17px;
}

.textbox-light-green-CSR ul li {
color: white;
font-size: 17px;
}

.textbox-light-green-CSR ul li a {
color: white!Important;
}

.flexcontainer-CSR {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
margin: 1em 0;
}

.flexcontainer-CSR div {
width: 300px;
height: auto;
background-color: transparent;
margin: 0.8em;
}

.float-right-CSR {
float: right;
width: 420px;
margin: 0.8em 0 0.8em 0.8em;
}

.float-right-CSR-280 {
    float: right;
width: 280px;
margin: 0.8em 0 0.8em 0.8em;
}

.float-right-CSR-small {
float: right;
width: 180px;
margin: 0.8em 0 0.8em 0.8em;
}

@media only screen and (max-width: 600px) {
.float-right-CSR {
margin: 0.8em auto;
width: 98%;
}

.float-right-CSR-280 {
    margin: 0.5em auto;
width: 98%;
}

.float-right-CSR-small {
width: 98%;
margin: 0.5em auto;
}

.flexcontainer-CSR {
    padding: 0;
}

.flexcontainer-CSR div {
    margin: 0.3em;
}
}

.rcc-btn-CSR {
    max-width: 280px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.rcc-btn-CSR a {
    display: inline-block;
    background-color: #EE2F24;
    color: #fff;
    font-size: 19px;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 10px;
}

.rcc-btn-CSR a:hover {
    color: #000;
    background-color: #ddd;
    text-decoration: none;
    color: #a6a6a6;
}

.rcc-btn-CSR-soldout {
    max-width: 280px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.rcc-btn-CSR-soldout a {
     display: inline-block;
    background-color: #F2F2F2;
    color: #000000;
    font-size: 19px;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #B2B2B2;
}


.loading-bar-CSR {
width: 100%; 
height: 200px;
border: 1px solid #196428;
padding: 0;
margin: 2em 0;
background-color: #f2f2f2;
}

.loading-bar-CSR div {
display: inline-block;
background-color: #196428;
width: 6%;
height: 200px;
padding: 0.5em;
justify-content: center;
}

.loading-bar-CSR div img {
width: 98%;
max-width: 130px; 
height: auto;
}

.loading-bar-CSR div p {
color: white; 
text-align: center; 
font-size: 16px;
}


/* counter - sammen for dyrene CSR */

.counter-container {
    float: right;
width: 40%;
display: flex;
justify-content: center;
padding: 1em;
background-color: #196428;
border-radius: 30px;
margin: 0 0 0 1.5em;
}

.counter-container-child {
width: 45%; 
padding: 0.5em; 
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.counter-container-child .chart-img {
    width: 99%;
    margin: auto;
}

.counter-container-child p {
    width: 90%;
text-align: center;
font-size: 20px!important; 
color: white;
}

.counter-container-child p span {
    margin-top: 0.8em;
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
}

@media only screen and (min-width: 601px) and (max-width: 769px){

    .counter-container {
        width: 55%;
        margin: 0.8em;
    }
    
    .counter-container-child p { 
        font-size: 20px;
    }
    
    .counter-container-child p span {
        font-size: 70px;
        line-height: 1;
    }
    
}


    @media only screen and (max-width: 600px) {
        .counter-container {
        width: 100%;
        margin: 0.8em auto;
    }
        
        .counter-container {
            padding: 0.7em;
        }
        
       .counter-container-child p { 
           margin-top: 0.8em;
        font-size: 14px;
    } 
    
    .counter-container-child p span {
        font-size: 50px!important;
    } 
    } 
    
    
    
 /* Cyber monday 2021 */

.cybermonday-2021 {
 text-align: center;
 margin: 0 -20px;
}

.cybermonday-2021 h1 {
font-size: 33px;
color: #001120;
}

.cybermonday-2021 h2 {
font-size: 25px;
color: #001120;
}

.cybermonday-2021 p {
font-size: 17px;
}

.cybermonday-2021 .menu-cybermonday {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: auto;
}


.cybermonday-2021 .menu-cybermonday div {
 width: 23%;
 margin: 1%;
}

.cybermonday-2021 .menu-cybermonday div a img {
 width: 100%;
 border-radius: 3px;
}

.CM-time-H {
    font-size: 55px;
    color: #000;
    font-weight: 500; 
    text-align: center; 
}

/* Ipad */
@media only screen and (min-device-width: 601px) and (max-device-width: 1024px) {

.cybermonday-2021 {
 margin: 0;
}
}

/* mobil */

@media only screen and (max-device-width: 600px) {

.cybermonday-2021 .menu-cybermonday div {
 width: 47%;
 }

.cybermonday-2021 {
 margin: 0;
}

.cybermonday-2021 h1 {
font-size: 28px;
}

.CM-time-H {
    font-size: 35px;
}

.cybermonday-2021 h2 {
font-size: 15px;
}

.cybermonday-2021 p {
font-size: 14px;
}
}

.afsluttede-tilbud-cybermonday {
    opacity: 0.4;
}


/* cyber onday Iphone SE */ 

 @media only screen and (max-width: 321px) {
  
  .cybermonday-2021 h1 {
font-size: 22px;
}
  
   .CM-time-H {
   font-size: 25px;
   }
 }

/* Juleside 2021 */

.juleside-2021 {
}

.position-relative {
position: relative;
}

.juleside-2021 h3 {
  text-transform: none!important;
  font-size: 21px;
  font-weight: 500;
  border-bottom: 1px solid #b11e31;
  margin: 0.8em 0.5em 0.8em 0;
  }

.juleside-2021 p {
  font-size: 17px;
    }
    
    .juleside-2021 img:hover {
        cursor: pointer;
    }
    
    .juleside-2021 .no-pointer:hover {
        cursor: default;
    }


    .juleside-2021 ul li {
      font-size: 17px;
        }

.jul-2021 {
display: block;
text-transform: none!important;
font-weight: 500;
font-size: 22px;
text-align: left;
letter-spacing: 1px;
width: 100%;
background-color: #b11e31;
color: #fff;
padding: 0.8em 1em;
margin: 3% -10px 1%;
border-radius: 3px;
}

/* anker menu til mobil - rød */
@media only screen and (max-width: 1023px ){
.anker-menu-jul-red a {
color: #b11e31;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none!Important;
    margin-bottom: 0.2em;
    }
    }

  /*  ipad & mobil */

  @media only screen and (min-width: 1024px ){
    .mobil-ipad {
      display: none;
    }
    }

    /* menu til desktop */

    @media only screen and (min-width: 1024px ){

    #navbar_web_jul {
        display: block;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }


    #navbar_web_jul a {
     color: #000;
        padding: 1% 3%;
        text-decoration: none;
        font-size: 14px;
        font-family: "FrutigerNeue";
        text-align: center;
        border: 2px solid #b11e31;
        border-radius: 3px;
        font-weight: 500;
        margin: 0 4px;
    }

    #navbar_web_jul a:hover{
        background-color: #b11e31;
        color: #fff;
    }


        }


        @media only screen and (max-width: 1023px ){
          #navbar_web_jul {
            display: none;
          }
              }

    /* Ipad og ned*/
    @media only screen and (max-width: 769px ){
      .jul-2021 {
        font-size: 19px;
        margin: 3% 0 1%;
      }

      .juleside-2021 h3 {
        font-size: 17px;
        }

        .juleside-2021 p {
          font-size: 15px;
              }
                  }


.flexcontainer-standard {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
      }

  .width-500px-banner {
  /*  background-color: #e3e3e3;*/
    display: inline-block;
    width: 48%;
   /* height: 290px;*/
    padding: 7px 10px;
    text-align: center;
    margin: 0.5em;
      }

/* mobil */
@media only screen and (max-width: 600px ){
.width-500px-banner {
  width: 99%;
  margin: 1em auto;
  }
    }




    /* artikler jul */

    .infoboks-jul {
        width: 100%;
        max-width: 750px;
        background-color: #b11e31;
        padding: 1.5em;
        margin: 1em auto 1em auto;
    }

    .infoboks-jul h3 {
        color: #fff!important;
    }

    .infoboks-jul h4 {
        color: #fff!important;
    }

    .infoboks-jul ul li {
         color: #fff;
    }

    .infoboks-jul p {
        color: #fff;
    }

    .infoboks-jul p a {
        color: #fff!important;
    }

    .infoboks-jul li a {
        color: #fff!important;
    }


    .float-right-img-jul  {
        width: 55%;
        min-width: 300px;
        float: right;
        margin: 0.8em;
    }

    @media only screen and (max-width: 600px) {
        .float-right-img-jul  {
            margin: 0.6em auto;
            min-width: 100%;
        }
    }


    .flexcontainer-juleopskrifter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    .flexcontainer-juleopskrifter .tekst-juleopskrift {
        width: 43%;
        min-width: 230px;
    }

    .flexcontainer-juleopskrifter .img-juleopskrift {
        width: 51%;
        min-width: 250px;
        padding: 0.8em 0 0 0;
    }

    .flexcontainer-juleopskrifter .img-juleopskrift img {
    width: 100%;
    }

    /* mobil */
    @media only screen and (max-width: 600px) {

    .flexcontainer-juleopskrifter .tekst-juleopskrift {
        width: 98%;
    }

    .flexcontainer-juleopskrifter .img-juleopskrift {
        width: 98%;
        padding: 0.2em;
    }
    }


/* standard landingspage skabelon */ 

/* sikkerhed i mørke test */ 
.landingpage-skabelon1  {
  margin: 0 3%;
}

.landingpage-skabelon1 h1 {
font-size: 25px;
text-transform: none!important;
font-weight: 500;
color: #196428;
}

 

.landingpage-skabelon1 h2 {
font-size: 21px;
text-transform: none!important;
font-weight: 500;
color: #196428;
}

.landingpage-skabelon1 h3 {
font-size: 19px;
text-transform: none!important;
font-weight: 500;
color: #196428;
}

.landingpage-skabelon1 h4 {
font-size: 17px;
text-transform: none!important;
font-weight: 500;
}

.landingpage-skabelon1 p {
font-size: 17px;
}



.landingpage-skabelon1 ul li {
font-size: 17px;
margin-bottom: 2px;
}

.landingpage-skabelon1 ol li {
font-size: 17px;
margin-bottom: 2px;
}


@media only screen and (max-width: 600px) {
     .landingpage-skabelon1 h1 {
         font-size: 22px; 
         text-align: center;
         max-width: 90%;
         margin: auto;
     }
     
     .landingpage-skabelon1 h2 {
font-size: 19px;
   }

.landingpage-skabelon1 h3 {
    font-size: 17px;
  }
  
  .landingpage-skabelon1 p {
font-size: 15px;
}

.landingpage-skabelon1 ul li {
font-size: 15px;
}

.landingpage-skabelon1 ol li {
font-size: 15px;

}}

.landingpage-skabelon1 .green-textbox  {
  background-color: #196428;
  padding: 4% 3%;
  border-radius: 3px;
  margin: 2% auto;
  }

  .landingpage-skabelon1 .bordergreen-textbox  {
    padding: 4% 3%;
    border: 1px solid #196428;
    border-radius: 3px;
    margin: 2% auto;
    }

  .landingpage-skabelon1 .green-textbox h2 {
color: #fff;
  }

  .landingpage-skabelon1 .green-textbox ul li {
color: #fff;
  }

  .landingpage-skabelon1 .green-textbox ul li a {
color: #fff!important;
  }

  .landingpage-skabelon1 .green-textbox p {
color: #fff;
  }


  /* ny standard knap design */ 
  
  .btn-standard-MZ {
      max-width: 280px;
      display: block;
      text-align: center;
      margin: 15px auto;
  }

  .btn-standard-MZ a {
    min-width: 150px;
    display: inline-block;
    font-size: 19px;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 10px;
}

.btn-standard-MZ a:hover {
    color: #000;
    background-color: #ddd;
    text-decoration: none;
}

/* mørkegrøn knap */ 
.darkgreen-color a {
  background-color: #196428;
  color: #fff;
  }
  
 /* lysegrøn */ 
 .lightgreen-color a {
  background-color: #8cb920;
  color: #fff;
  }

/* jule rød knap */ 
  .christmasred-color a {
    background-color: #b11e31;
    color: #fff;
    }

/* sort knap*/ 

.black-color a  {
    background-color: #000;
    color: #fff;
    }
    
/* lys blå knap */

.light-blue a {
    background-color: #3ea3dc;
    color: #fff;
    }

.hover-banner:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}

/* kategoriside*/

/* banner */ 
.h1-banner {
  position: absolute;
  top: 2em;
  left: 1.5em;
  text-align: left;
  text-transform: none!Important;
  font-size: 25px;
  color: #196428;
    }

.p-banner {
  position: absolute;
    top: 5em;
    left: 2.1em;
    text-align: left;
    font-size: 17px;
    color: #196428;
    max-width: 500px;
    }

  .p-banner a { 
    color: #196428;
      }

      


      /* Ipad styling tekst i banner */
@media only screen and (min-width: 601px) and (max-width: 768px)  {
.h1-banner {
top: 1.7em;
font-size: 17px;
}

.p-banner {
  top: 4em;
  font-size: 15px;
  max-width: 400px;
}
}

/* mobil */ 
@media only screen and (max-width: 600px) {
  .h1-banner {
  top: 1.2em;
  left: 1.3em;
  font-size: 17px;
  }

  .p-banner {
    top: 3.2em;
    left: 1.7em;
    font-size: 14px;
    line-height: 17px;
  }
  }

/* styling under banner */ 
.flexcontainer-kategoriside {
  width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin: auto;
      justify-content: center;
  }

.kategori-produkter {
  width: 31%;
  margin: 1em 0.5em;
  background-color: #f7f5f0;
  border-radius: 3px;
  padding-top: 1em;
  min-width: 270px;
  }

.kategori-produkter h3 a {
  text-decoration: none!important;
  font-size: 21px;
  color: #000;
  font-weight: 500;
  padding: 0.5em 1em;
    }

    .kategori-produkter h3 a:hover {
      text-decoration: underline!important;
      transition: font-weight 0.1s;
    }

.kategori-produkter ul {
  padding: 1em;
    list-style-image: url(https://image.maxizoo.dk/media/catalog/icons/arrow-green-right.svg);
    margin-left: 1em;
  }


.kategori-produkter ul li a {
  font-size: 17px;
  color: #60843e;
  padding-bottom: 0.5em;
  text-decoration: none!important;
    }

    .kategori-produkter ul li a:hover {
      text-decoration: underline!important;
      transition: font-weight 0.1s;
    }

/* billeder brands*/

    .brand-img-front {
        flex: 0 0 auto;
        display: block;
        width: 120px;
        height: auto;
        background-color: #d1cfcf;
        margin: 1.2em 0.8em;
    }
    
    
    

    
 /* Fordele top */ 
 
 .fordele-parent {
	display: flex;
	justify-content: space-evenly;
	background: #f6f5f0;
  padding: 0.5em;
  border-bottom: 1px solid #196428;
}

.fordele-parent a {
  text-decoration: none;
	color: #000;
  line-height: 13px;
  font-size: 12px;
  font-weight: 500;
}

.fordele-parent a:hover {
    cursor: pointer;
    color: #196428;
    text-decoration: none;
}  

.fordele-flex {
}


.fordele-img-bil {
	width: 20px;
	margin: 0.3em 0.5em 0 0;
}

.fordele-img-icons {
    width: 18px;
    margin: 0 0.5em 0 0;
}


@media only screen and (max-width: 767px) {
    .fordele-parent a {
line-height: 12px;
font-size: 10px;
}
}


/* SPØRG OS KAMPAGNE */

.Sporgos-skabelon  {
}

.Sporgos-skabelon h1 {
font-size: 26px;
text-transform: none!important;
font-weight: 500;
text-align: center;
}

.Sporgos-skabelon h2 {
font-size: 24px;
text-transform: none!important;
font-weight: 500;
text-align: center;
}

.Sporgos-skabelon h3 {
font-size: 23px;
text-transform: none!important;
font-weight: 500;
text-align: center;
}

.Sporgos-skabelon p {
  max-width: 90%;
  margin: auto;
font-size: 17px;
}

.Sporgos-skabelon ul li {
font-size: 17px;
margin-bottom: 2px;
}

.Sporgos-skabelon ol li {
font-size: 17px;
margin-bottom: 2px;
}


@media only screen and (max-width: 600px) {
.Sporgos-skabelon h1 {
         font-size: 22px;
         max-width: 90%;
         margin: auto;
 }

     .Sporgos-skabelon h2 {
font-size: 21px;
   }

.Sporgos-skabelon h3 {
    font-size: 20px;
  }

  .Sporgos-skabelon p {
    max-width: 100%;
font-size: 15px;
}

.Sporgos-skabelon ul li {
font-size: 15px;
}

.landingpage-skabelon1 ol li {
font-size: 15px;

}
}


.flexcontainer-menu-sporgos {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0.6em;
    margin: -22% 0 2em 0;
    justify-content: start;
}

/* scrollbar */ 

.flexcontainer-menu-sporgos::-webkit-scrollbar {
height: 6px;
  overflow: visible;
  width: 8px;
  border: 1px solid #d5d5d5;
}

.flexcontainer-menu-sporgos::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

.flexcontainer-menu-sporgos::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b0b0b0;
  display: block;
}

.flexcontainer-menu-sporgos div {
width: 30%;
min-width: 280px;
margin: 0.6em;
background-color: #fff;
text-align: center;
padding-bottom: 1.2em;
border-radius: 3px;
}

.flexcontainer-menu-sporgos div:hover {
box-shadow: 0 0 11px rgba(33,33,33,.2);
}

 /*mobil */
@media only screen and (max-width: 600px) {
  .flexcontainer-menu-sporgos {
    margin: -17% 0 0 0;
}

  .flexcontainer-menu-sporgos div {
width: 46%;
min-width: 153px;
}
}

.flexcontainer-menu-sporgos div img {
width: 100%;
border-radius: 3px;
margin-bottom: 1em;
}

.flexcontainer-menu-sporgos div a {
font-size: 17px;
font-weight: 500;
color: #000;
text-decoration: none;
}

/* content sektion spørg os kampagne */

.content-sporg-os {
background-color: #fde8da;
padding: 1.8em 0;
margin: 3% 0;
}

/* brands ernæring div */

.brands-foder {
  width: 31%;
  min-width: 280px;
  margin: 0.6em;
  background-color: #fff;
  }

.brands-foder img {
  width: 100%;
    }

.brands-foder ul {
  min-height: 172px;
  list-style-image: url('https://image.maxizoo.dk/media/wysiwyg/Bullet-flueben-green.png');
      }

/*
.brands-foder ul li::before {
    content: "✓";
    margin-right: 0.5em;
    margin-left: -1.34em;
    font-size: 20px;
    color: #196428;
    font-weight: 700;
      }*/

@media only screen and (max-width: 600px) {
  .brands-foder ul {
    min-height: 150px;
        }
          }

/* kategorier produkter */

.kategori-produkter-sporgos {
    width: 23%;
    margin: 1em 0.5em;
    background-color: #f7f5f0;
    border-radius: 3px;
    padding-top: 1em;
    min-width: 209px;
}

/* Ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .kategori-produkter-sporgos {
    min-width: 167px;
    }
  }

/* mobil */
@media only screen and (max-width: 767px) {
.kategori-produkter-sporgos {
  width: 46%;
  min-width: 153px;
}
}


.kategori-produkter-sporgos h3 a {
  text-decoration: none!important;
  font-size: 21px;
  color: #000;
  font-weight: 500;
  padding: 0.5em 1em;
    }

    .kategori-produkter-sporgos h3 a:hover {
      text-decoration: underline!important;
      transition: font-weight 0.1s;
    }

.kategori-produkter-sporgos ul {
  padding: 1em;
    list-style-image: url(https://image.maxizoo.dk/media/catalog/icons/arrow-black-right.svg);
    margin-left: 1em;
  }


.kategori-produkter-sporgos ul li a {
  font-size: 17px;
  padding-bottom: 0.5em;
  text-decoration: none!important;
  color: #000;
    }

    .kategori-produkter-sporgos ul li a:hover {
      text-decoration: underline!important;
      transition: font-weight 0.1s;
    }


  .height300 {
    min-height: 310px;
          }

.green-links {
  margin-left: 1em;
      }

.green-links li a {
  color: #60843e;
      }

  .youtube-embed-on-topbanner {
    position: absolute;
    right: 3.5em;
    top: 3.5em;
    }

    /* Ipad */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {

    .youtube-embed-on-topbanner {
          position: absolute;
          right: 1em;
          top: 2em;
    }
        }

    /*mobil */
    @media only screen and (max-width: 767px) {
    .youtube-embed-on-topbanner {
        position: absolute;
        left: 3%;
        right: 3%;
        top: 14em;
    }
        }

.kategori-width-50procent {
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  width: 46%;
  text-align: left;
  padding-top: 1.5em;
  margin: 1em;
  }

  /* mobil */
  @media only screen and (max-width: 600px) {
.kategori-width-50procent {
  width: 94%;
    }
      }

  .kategori-width-50procent ul {
    padding: 1em;
    list-style-image: url(https://image.maxizoo.dk/media/catalog/icons/arrow-black-right.svg);
    margin-left: 1em;
          }

.kategori-width-50procent ul li a {
  display: block;
  border-bottom: 0.5px solid #e3e3e3;
  padding: 0.7em;
  line-height: 20px;
  text-decoration: none;
  color: #000;
        }

.kategori-width-50procent ul li a:hover {
  text-decoration: underline;
      }

.bullets-fluben ul {
list-style-image: url(https://image.maxizoo.dk/media/wysiwyg/Bullet-flueben-green.png);
 }

  /* start styling FAQ

  label.title {
    background-color: #fff;
    border-bottom: 0.5px solid #94918e;
          } */

.textalign-mobil {
}

/* mobil */
  @media only screen and (max-width: 768px) {
      .textalign-mobil {
          text-align: center;
}
}

/* sporg os topbanner ny - med video */


.flexcontainer-sporg-os-topbanner {
  position: absolute;
  top: 3em; 
  width: 92%;
  margin: auto;
  min-width: 340px;
  justify-content: space-around;
  display: flex; 
  flex-wrap: wrap;
  }

.video-topbanner {
  width: 52%;
  min-width: 330px;
  padding: 1em; 
    }

.png-text-topbanner {
  width: 30%;
  min-width: 280px;
  padding: 1em; 
        }
    
    /* SPORG OS FORSIDE BANNERE*/ 
    
  
.flexcontainer-standard-spaceevenly {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: auto;
  }

/* mobil flexcontainer*/ 
  @media only screen and (max-width: 420px) {

    .flexcontainer-standard-spaceevenly {
          justify-content: center;
      }
      }

/* bannere sporg os på forside - desktop + ipad*/ 
.flexcontainer-standard-spaceevenly .banner1 {
width: 49%; 
margin: 0 10px 10px 0;
  }

.flexcontainer-standard-spaceevenly .banner2 {
width: 49%; 
margin: 0 0 10px 0;
  }

.flexcontainer-standard-spaceevenly .banner3 {
width: 49%; 
margin: 0 10px 0 0;
    }

.flexcontainer-standard-spaceevenly .banner4 {
width: 49%; 
margin: 0;
}


/* bannere sporg os på forside mobil*/ 
  @media only screen and (max-width: 420px) {

.flexcontainer-standard-spaceevenly .banner1 {
width: 100%;
margin: 0 0 10px 0;    
      }

.flexcontainer-standard-spaceevenly .banner2 {
width: 100%;
margin: 0 0 10px 0;    
        }

.flexcontainer-standard-spaceevenly .banner3 {
width: 100%;
margin: 0 0 10px 0;    
          }

.flexcontainer-standard-spaceevenly .banner4 {
width: 100%;
margin: 0 0 10px 0;    
              }
                }
                
 .Ea-test-forside {
display: none!important;
             }
             

/* Månedens produkt - Frontech */

.category-img-frontech {
width: 19%;
    margin: 0.3em;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 0.3em;
    position: relative;
  }

.category-img-frontech div {
width: 100%;
padding: 0.3em 0.5em;
text-align: center;
  }

.category-img-frontech div p {
color: white;
font-weight: 500;
font-size: 15px;
margin-bottom: 0;
  }

@media only screen and (max-width: 600px) {
  .category-img-frontech {
      width: 48%;
      margin: 0.2em;
  }
    }


/* KW brandside */ 

.kw-produktkategori {
  background-color: #843494;
    width: 96%!important;
    color: #fff;
    position: absolute;
    bottom: 0.2em;
    margin-bottom: 0!important;
    padding: 0.3em!important;
  }
  
  
 /* Orbiloc brandside */ 
 
 .helvetica-font {
     font-family: Helvetica!important;
 }

.orbiloc-blue a {
background-color: #38a4dc; 
    color: #fff;
    border-radius: 0!important;
}


.img-grid {
     width: 31%;
     margin: 0.4em;
 }
 
  @media only screen and (max-width: 600px) {
 .img-grid {
  width: 48%;
    margin: 0.2em;
 }
  }

/* produktkategorier - 4 på stribe m. lys grå border  */ 

.product-categories-4 {
    width: 23%;
    margin: 0.3em;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 0.3em 0.3em 1em 0.3em;
    position: relative;
    text-align: center;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 600px) {
    .product-categories-4 {
   width: 48%;
   margin: 0.2em;
} 
} 



/* produktkategorier - 5 på stribe m. sort border  */ 

.product-categories-5 {
     width: 19%;
    margin: 0.3em;
    border: 1px solid #000;
    /*border-radius: 3px;*/
    padding: 0.3em;
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #000;
 }
 
 
 /* ipad minio + air */ 
 @media only screen and (max-width: 821px) and (min-width: 767px) {
   .product-categories-5 {   
     margin: 0.2em;
 }
 }
 
 .product-categories-5 img {
     margin-bottom: 0.7em;
 }
 
 @media only screen and (max-width: 600px) {
     .product-categories-5 {
    width: 48%;
    margin: 0.2em;
 } 
     
 }
 
 /* My pet and me */ 
 
 .flexbox-container-mypet {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 1em auto;
}

/******* end CSS #17: Ea css *******/

/******* start CSS #19: Accordion-FAQ *******/

/*
.accordion {
  margin: 3em auto;
  max-width: 30em;
}
*/

.toggle {
  display: none;
}
.option {
  position: relative;
  margin-bottom: 0.5em;
}
.title, .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  background: #ffffff;
}
.title {
  padding: 1em;
  display: block;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  color: black;
  font-weight: 500;
  font-size: 17px;
}

@media only screen and (max-width: 767px) {
    .title {
        font-size: 13px;
}
}

.title:after, .title:before {
  content: '';
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #7A7572;
}

.title:after {
  transform: rotate(90deg);
}
.content {
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}
.content li {
  /*padding: 0.5em 1em 1em;*/
  font-size: 17px;
  line-height: 1.6;
}

.content p {
    width: 98%;
    margin: auto;
  padding: 1em 2% 1em 2%;
  font-size: 17px;
  line-height: 1.7;
}

.content ul {
    max-width: 90%;
    margin: auto;
  padding: 1em 2% 1em 2%;
}


@media only screen and (max-width: 767px) {
    .content p {
        font-size: 16px;
        line-height: 1.5;
    }
}

.toggle:checked + .title + .content {
  max-height: 4000px;
}
.toggle:checked + .title:before {
  transform: rotate(90deg) !important;
}


label.title { 
    display: block;
      border-radius: 2px;
      background-color: #f7f7f7;
}

.margin-top-ul {
    margin-top: 1em;

}

/******* end CSS #19: Accordion-FAQ *******/

/******* start CSS #20: Pets after corona *******/

.article-banner {
	position: relative;
	z-index: -1;
}

.banner_box_image {
	position: relative;
	z-index: -1;
}
.article-bl {
	background: #fff;
	width: 98%;
	max-width: 750px;
	margin: -12% auto 0 auto;
	padding: 4% 6%;
	border-radius: 15px;
}


.article-bl p {
    font-size: 17px;
    margin: 0 auto 1em auto;
}

.article-bl h3 {
    color: #196428;
    text-transform: none!Important;
    font-size: 21px;
    margin: 0.5em auto 0.2em auto;
}


.article-bl h4 {
    color: #196428;
    text-transform: none!Important;
    font-size: 18px;
    margin: 0.5em auto 0.2em auto;
}


.article-bl li {
    font-size: 17px;
    margin: 0 auto 0.2em auto;
}

.underrubrik-artikel {
    font-size: 16px!Important;
    text-align: center;
    font-style: italic;
    max-width: 650px;
}

.article-bl h1 {
    color: #196428;
    text-transform: none!Important;
    max-width: 650px;
    margin: auto;
    text-align: center;
    font-size: 25px;
    margin-bottom: 0.4em;
}

.infografik-kat  {
    width: 100%;
    max-width: 750px;
    background-color: #8CB192;
    padding: 1.5em;
    margin: 1em auto 1em auto;
}

.infografik-kat li {
    color: white;
    font-size: 16px;
    margin-bottom: 0.5em;
}

.infografik-kat h4 {
    color: white;
    font-size: 18px;
    text-transform: none!Important;
    margin-bottom: 0.7em;
}

.infografik-kat p {
    color: white;
    width: 95%;
}

.infografik-kat a {
    color: white!Important;
}

.img-kat-alene-hjemme {
    width: 100%;
    margin: 1em auto 1em auto;
}

.tjekliste-kat  {
    width: 60%;
    float: right;
    margin: 1em 1em 1em auto;
}

.anker-menu-green a {
    color: #196428;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none!Important;
    margin-bottom: 0.8em;
}   

.img-hund-tjekliste {
     width: 100%;
     max-width: 580px;
    margin: 1em auto 1em auto;
    transition: transform .2s; /* Animation */
}

/* zoom img for Desktop */

@media only screen and (min-width: 992px) {

.zoom-img {
     transition: transform .2s; /* Animation */
}

.zoom-img:hover {
  transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
}

 /* ipad */ 
 
@media only screen and (max-width: 769px) {
   
   .article-white-box-new {
    margin-top: 100px;
}

    .underrubrik-artikel {
    font-size: 17px!Important;
    font-style: italic;
    width: 570px;
    margin: 0 auto 0.2em auto;
}

.article-white-box-new p {
    font-size: 17px!Important;
    width: 600px;
    margin: 0 auto 1em auto;
}

.article-white-box-new li {
    font-size: 17px;
    width: 600px;
}

.infografik-kat {
    width: 600px;
}

.infografik-kat p {
    width: 95%;
}

.infografik-kat li {
    width: 92%;
}

} 
    
/* mobil */

@media only screen and (max-width: 767px) {
    
    
    .article-white-box-new {
    margin: 320px auto 0 1em;
    width: 96%;
}
    
    .scroll-artikel h1 {
    font-size: 20px;
}

 .article-white-box-new h3 {
      width: 96%;
      font-size: 18px;
      margin: 0 auto 0.3em auto;
 }
 
 .article-white-box-new h4 {
     font-size: 16px;
 }

    .underrubrik-artikel {
    font-size: 16px!Important;
    font-style: italic;
    width: 96%;
}

.article-white-box-new p {
    font-size: 15px!Important;
    width: 96%;
    margin: 0 auto 1em auto;
}

.article-white-box-new li {
    font-size: 15px;
    width: 92%;
}

.anker-menu-green li {
       margin-left: -0.5em!Important;
    }
    
    .infografik-kat {
    width: 96%;
    margin-left: 0;
    margin-right: 0;
}

.tjekliste-kat  {
    width: 98%;
    margin: 1em auto 1em auto;
}
}

/* Iphone SE/ */
    
    @media only screen and (max-width: 321px) {
        
    
     .article-white-box-new {
         margin-top: 370px;
     }
    
    .article-white-box-new p, h3 {
         margin-left: 0!Important;
     }
    
    .anker-menu-green li {
       margin-left: -0.7em!Important;
    }
    
    .underrubrik-artikel {
        margin-bottom: 0!Important;
    }
    }
    
    /* pets after corona landingsside - pac */


.tema-menu-pac {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: space-between;
    margin: auto;
}

.tema-menu-pac div {
    width: 286px;
    margin: 1em 0.4em;
}

.tema-menu-pac div img {
    transition: box-shadow .3s;
    width: 100%;
    display: inline-block;
    border-radius: 15px;
}


.tema-menu-pac div img:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

/* styling artikler på landingssiden */ 

.flexbox-articles {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 1em auto;
}

.align-items-center {
    justify-content: center;
}

.flexbox-articles div {
    transition: box-shadow .3s;
    width: 280px;
    border: 1px solid white;
    border-radius: 3px;
    margin: 1.2em 0.4em;
    background-color: #fff;
}



.flexbox-articles div:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}

.flexbox-articles div img {
    border-radius: 3px;
}

.flexbox-articles div p {
    margin: 0.5em 1em;
    font-size: 18px;
    font-weight: 500;
}



/*Test med a-tag*/ 

.flexbox-articles a {
    color: #000;
    text-decoration: none;
    transition: box-shadow .3s;
    width: 280px;
    border: 1px solid white;
    border-radius: 3px;
    margin: 1.2em 0.4em;
    background-color: #fff;
}



.flexbox-articles a:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  cursor: pointer;
}

.flexbox-articles a img {
    border-radius: 3px;
}

.flexbox-articles a p {
    margin: 0.5em 1em;
    font-size: 18px;
    font-weight: 500;
}



/* SLUT TEST a tag*/ 



.pac-landingsside h1 {
    text-transform: none!Important;
    font-weight: 500;
    font-size: 25px;
    color: #60843e;
}

.pac-landingsside h2 {
    text-transform: none!Important;
    font-weight: 500;
    font-size: 21px;
    color: #60843e;
    margin-top: 1em;
}


.pac-landingsside h3 {
    text-transform: none!Important;
    font-weight: 500;
    font-size: 21px;
    color: #60843e;
    margin-top: 1em;
}

.pac-landingsside p {
    font-size: 18px;
}


/* ipad */ 
 
@media only screen and (max-width: 821px) {
    .tema-menu-pac div {
        width: 31%;
    }
    
    .tema-menu-pac div img {
        margin-bottom: 2%;
    }
    
    
    .flexbox-articles {
    margin: auto;
    }
    
    .flexbox-articles div {
        width: 31%;
    } 
    .article-white-box {
        padding-right: 0;
    }
}

/* mobil */

@media only screen and (max-width: 767px) {
 .tema-menu-pac div {
        width: 95%;
        margin: auto;
    }
   
    .flexbox-articles div {
        width: 95%;
    } 
    
    .flexbox-articles div p {
        font-size: 16px;
        margin: 0.5em;
    }
    
     .flexbox-articles a {
        width: 95%;
    } 
    
    .flexbox-articles a p {
        font-size: 16px;
        margin: 0.5em;
    }
}

/* Styling af content tabel i artikler*/ 

.tabeller-artikler table, td, th {
    border: 2px solid white;
  border-collapse: collapse;
}

.tabeller-artikler table {
    width: 100%;
    max-width: 650px;
    margin: 1em auto 1em auto;
    text-align: left;
}

.tabeller-artikler td {
    background-color: #F7F5F0;
    padding: 0.8em;
     font-size: 17px;
}

.tabeller-artikler th {
    background-color: #efebe2;
    padding: 0.8em;
    font-size: 17px;
    font-weight: 500;
}


/* mobil */

@media only screen and (min-width: 322px) and (max-width: 767px) {
    
     .tabeller-artikler table {
        margin: 1em auto 1em -1em;
    }

.tabeller-artikler td {
    font-size: 15px;
}
    
.tabeller-artikler td ul li {
    font-size: 15px;
}

.tabeller-artikler th {
    font-size: 15px;
}
}

/* Iphone SE/ */
    
    @media only screen and (max-width: 321px) {
        
    .tabeller-artikler table {
        margin: 1em auto 1em -1.2em;
    }
            
    .tabeller-artikler td {
    font-size: 12px;
}
    
.tabeller-artikler td ul li {
    font-size: 12px;
}

.tabeller-artikler th {
    font-size: 12px;
}
}
        

/* produkter i artikle - horizontal scroll */ 

.category-div {
margin: 1.2em 0;
}

/*
.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: auto;
    }*/
    
    .scrolling-wrapper-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: auto;
    -webkit-overflow-scrolling: touch;
}


/*
.scrolling-wrapper-flexbox::-webkit-overflow-scrolling {
 scroll: auto;
}*/
    
   .scrolling-wrapper-flexbox::-webkit-scrollbar {
height: 6px;
  overflow: visible;
  width: 8px;
  border: 1px solid #d5d5d5;
}

.scrolling-wrapper-flexbox::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

.scrolling-wrapper-flexbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b0b0b0;
  display: block;
}

  .product-article {
  flex: 0 0 auto;
  display: block;
  background-color: #fff;
  width: 150px;
  height: 200px;
  padding: 0;
  margin: 1em;
  text-align: center;
  }

.product-article img {
/*width: 100%;*/
max-height: 150px;
margin-bottom: 0;
}


.product-article p {
font-weight: 400;
font-size: 16px;
color: #196428;
text-align: center;
margin: 0.8em 0 0 0;
}


.product-article p:hover {
color: #558117;
}

.product-article:hover {
    /*border-bottom: 2px solid #558117;*/
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    cursor: pointer;
}

/******* end CSS #20: Pets after corona *******/

/******* start CSS #22: OSC-Terms *******/

.remodal-wrapper #onestepcheckout-toc-popup {
    display: inline-block !important;
}

.remodal-wrapper #onestepcheckout-toc-popup .action.close {
    position: absolute;
    margin: .5rem;
    right: 0;
    top: 0;
}

.remodal-wrapper #onestepcheckout-toc-popup .action.close a {
    display: block;
    line-height: 1;
    text-decoration: none;
}

.remodal-wrapper #onestepcheckout-toc-popup .action.close a:before {
    content: '\e602';
    font-family: 'sass-font';
    font-size: 30px;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.remodal-wrapper #onestepcheckout-toc-popup .action.close span {
    display: none;
}

/******* end CSS #22: OSC-Terms *******/

/******* start CSS #26: FORSIDE 2022 *******/

/* baggrundsfarve hele hjemmesiden hvid */

 .page {
    background-color: #fff;
} 


/* classes forside */

.h2-forside {
    font-size: 23px;
    font-weight: 500;
    color: #196428;
    text-transform: none!important;
}

/* FORSIDE - produkt kategorier forside */
.category-div {
margin: 1.2em 0;
}

/* forside horisontal scroll produkt kategorier */

.scrolling-wrapper-flexbox-front {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: auto;
  justify-content: space-evenly;
    }


     .scrolling-wrapper-flexbox-front::-webkit-scrollbar {
height: 6px;
  overflow: visible;
  width: 6px;
  border: 1px solid #d5d5d5;
}

.scrolling-wrapper-flexbox-front::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

.scrolling-wrapper-flexbox-front::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b0b0b0;
}

@media only screen and (max-width: 1050px) {

.scrolling-wrapper-flexbox-front {
    justify-content: start;
}
}


.category-front1 {
    text-decoration: none;
    flex: 0 0 auto;
    display: block;
    background-color: #fff;
    width: 130px;
    padding: 10px;
    margin: 0.2em 0.2em 1em 0.2em;
    border: 0.5px solid #f6f5f0;
}

.category-front1 img {
width: 100%;
height: auto;
margin-bottom: 0.2em;
}


.category-front1 p {
font-weight: 400;
font-size: 18px;
color: #196428;
text-align: center;
margin: 0.8em 0 0.2em 0;
}

.category-front1 p:hover {
color: #558117;
}

.category-front1:hover {
  border-bottom: 2px solid #558117;
  cursor: pointer;
}

/* mobil kategorier på forsiden*/
@media only screen and (max-width: 821px) {
    .category-front1 {
        width: 110px;
        padding: 5px;
    }

    .category-front1 p {
        font-size: 16px;
    }
}



.minus-topmargin {

}

/* Mobil overskrifter forsiden */
@media only screen and (max-width: 690px) {
    .forside div h2 {
        font-size: 21px;
}

.minus-topmargin {
    margin-top: -20px;
}
}


/* HUG element + tilbud + avis */

.flexcontainer-front-tilbud {
width: 100%;
padding: 1em 0 1em 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
justify-content: center;
}

.flexcontainer-front-tilbud .HUG-div {
width: 49%;
max-width: 590px;
height: auto;
margin: 1em 1em 0 0;
}


.flexcontainer-front-tilbud .tilbud-banner-div {
width: 49%;
max-width: 590px;
height: auto;
display: flex;
margin: 1em 0 0 0;
flex-direction: column;
}

/* Ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1026px)  {
.flexcontainer-front-tilbud .HUG-div {
       margin: 0;
   }

  .flexcontainer-front-tilbud .tilbud-banner-div {
    margin: 0 0 0 1em;
    width: 49%;
  }
}

/* Mobil */
@media only screen and (max-width: 690px) {
.flexcontainer-front-tilbud .HUG-div {
    width: 99%;
    margin: 0;
    }
.flexcontainer-front-tilbud .tilbud-banner-div {
        width: 100%;
    }
}

.flexcontainer-front-tilbud .tilbud-banner-div .tilbud-banner-div-avis {
width: 100%;
height: auto;
margin: 0 0 1em 0;
}

.flexcontainer-front-tilbud .tilbud-banner-div .flex-hund-kat-tilbud {
width: 100%;
display: flex;
}

.flexcontainer-front-tilbud .tilbud-banner-div .flex-hund-kat-tilbud .tilbud-kat-front {
width: 49%;
max-width: 290px;
height: auto;
margin: 0;
background-color: #d1cfcf;
}

.flexcontainer-front-tilbud .tilbud-banner-div .flex-hund-kat-tilbud .tilbud-hund-front {
width: 49%;
max-width: 290px;
height: auto;
margin: 0 1em 0 0;
background-color: #d1cfcf;
}

.flexcontainer-front-tilbud div:hover {
    cursor: pointer;
}


/* brand på forsiden - findes allerede måske allerede - se kategoriside*/

.brand-img-front {
    flex: 0 0 auto;
    display: block;
    width: 110px;
    height: auto;
    margin: 0.8em;
}

/* zoom image The container */
.img-hover-zoom {
  /* height: 220px; [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

/* content sektion forside */
.category-div-front-content {
margin: 2em -5px;
padding: 4em 0.8em;
background-color: #8CB192;
  }

/* overskrift i content-sektion */
.category-div-front-content h2 {
  font-size: 25px!Important;
  color: #000;
  font-weight: 500!important;
  text-align: center!Important;
  margin: 0 0 1.2em 0!Important;
}

/* menu i content-sektion */

.category-div-front-content ul {
    text-align: center;
color: black;
list-style-type: none;
margin: 0.8em auto;
  }

.category-div-front-content ul li {
display: inline-block;
    max-width: 170px;
    margin: 0 0.8em;
    font-size: 16px;
    padding: 0.4em 0.8em 0.2em 0.8em;
    font-weight: 400;
    text-transform: none!important;
    border: 1px solid black;
}

.category-div-front-content ul li a {
    text-decoration: none;
    color: black;
}

.category-div-front-content ul li a:hover {
   text-decoration: underline;
}

/* content univers mobil menu */
@media only screen and (max-width: 769px) {
    .category-div-front-content ul {
        text-align: left;
        margin: 0 auto;
    }

    .category-div-front-content ul li {
        padding: 0.4em 0.8em 0.2em 0.8em;
        font-size: 13px;
        margin: 0.5em 0.4em;
    }
}



  /* sign up til nyhedsbrev i content sektion */

  .signup-newsletter-front {
  /*background-color: #d1cfcf;*/
  width: 420px;
  height: 200px;
  padding: 0.8em;
  margin: 0.8em;
  }

  .signup-newsletter-front div {
      align-content: center;
  }

  /* centrer knap + sort knap - forside */
  .centrer-btn-front {
      margin: 0 auto 0 auto;
  	width: 175px;
  }

  .btn-black-outline-new {
  	border: 2px solid black;
  	color: #196428;
  }

  .btn-black-outline-new:hover {
      background-color: black;
  }

  .btn-new-front {
  display: inline-block;
  font-size: 16px;
      margin: 0 0 5px 0;
      color: black;
      font-weight: 500;
      text-decoration: none;
      padding: 1em;
      border-radius: 3px;
  }

  .btn-new-front:hover {
  	color: #fff;
  }


/* poteklubben */
.poteklub-flexcontainer {
width: 100%;
padding: 1em 0 1em 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 1.5em 0 0 0;
justify-content: center;
}

.poteklub-flexcontainer .poteklub-banner  {
width: 100%;
max-width: 1190px;
height: auto;
max-height: 290px;
margin: 0 0 1em 0;
}

.poteklub-flexcontainer .flex-poteklub-fordele {
width: 100%;
display: flex;
max-width: 1190px;
flex-wrap: nowrap;
overflow-x: auto;
justify-content: space-between;
}

/* styling af horisontal scrollbar */

.poteklub-flexcontainer .flex-poteklub-fordele::-webkit-scrollbar {
height: 6px;
  overflow: visible;
  width: 6px;
border: 1px solid #d5d5d5;

}

.poteklub-flexcontainer .flex-poteklub-fordele::-webkit-scrollbar-track {
  border-radius: 0;
background: #eeeeee;

}

.poteklub-flexcontainer .flex-poteklub-fordele::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b0b0b0;
}

/* styling af bannere x 4 */

.poteklub-flexcontainer .flex-poteklub-fordele div {
width: 24%;
min-width: 200px;
height: auto;
margin-left: 1em;
position: relative;
}

.poteklub-flexcontainer .flex-poteklub-fordele div img {
width: 100%;
}

.no-margin-left {
margin-left: 0!important;
}



/* Ny header */ 

.header-container {
background: url(https://image.maxizoo.dk/media/wysiwyg/header-baggrund-green-2499x88.jpg) repeat;
box-shadow: none;
border-bottom: 1px solid #60843e;
}

/* desktop grøn topmenu */
@media only screen and (min-width: 1025px) {
.nav-container {
  background: linear-gradient(to bottom, #196428 0%, #196428 100%);
  box-shadow: none;
}
}

/* lille ekstra menu i toppen højre hjørne */
.header-top {
    background: #196428;
    border: 1px solid #60843e;
}

.header-top li a {
    color: white;
    text-decoration: none;
}

/* white pin ved find butik */
.header-top li.butikker a {
    background: url(https://image.maxizoo.dk/media/catalog/icons/ikon-pin-white.svg) no-repeat;
    }

    /* remove border-left på produktmenu */
    #nav > li.level0 {
        border-left: none;
    }

    #nav > li.level0 > a {
      text-shadow: none;
      }

      /* kurven */
      .header .block-cart.block .block-title {
            background: #b1181e;
          box-shadow: none;
      }

      /* søgefunktion styling desktop */
      .header .form-search button.button span {
        background: #b1181e;
      }

      /* søgefunktion styling desktop */
      .header .form-search button.button span {
        background: #b1181e;
      }

      /* søgefunktion styling ipad + mobil */

      .header .mobile-top-links a {
        box-shadow: none;
        -webkit-box-shadow: none;
        }

      .header .mobile-top-links a.icon-search {
          background: #b1181e;
      }

      .header .mobile-top-links a.menu-btn {
            border: 1px solid #60843e;
      }
      
      /* mørk grøn menupunk active - drop down - mobil og ipad */ 
      
      @media only screen and (max-width: 767px) {
        #nav > li.level0.over, #nav > li.level0.show-submenu {
            background: linear-gradient(to bottom, #196428 0%, #196428 100%);
            border: 1px solid #fff;
        }
      }
      
/* Ny footer */ 

.footer-container {
    background: #f6f5f0;
    display: flex;
    flex: flex-wrap;
}

.footer .footer-block ul li {
    height: 23px;
    line-height: 16px;
}

.footer-block01 {
  min-width: 150px;
    padding-left: 2em;
}

.footer-block02 {
    min-width: 150px;
}

.footer-block03 {
    min-width: 150px;
    padding-left: 3em!Important;
}

.footer-block04 {
    min-width: 150px;
    padding-left: 2em!Important;
}

.footer-block05 {
    min-width: 150px;
}

.footer-block05 p {
    margin-bottom: 1em!Important;
}

.footer-block05 p a {
    text-decoration: none!important;
    color: black;
}

.footer-block05 p a:hover {
    color: #000;
}

.footer h3 {
font-size: 19px!Important;
text-transform: uppercase!important;
color: black;
font-weight: 500;
 }

 .Telephone-footer a {
     text-decoration: none;
     text-align: center;
     font-size: 20px;
     font-weight: 500;
     color: black;
     margin-bottom: 1.5em!important;
 }

.footer p {
    font-size: 13px!Important;
text-transform: none!Important;
color: black!Important;
line-height: 20px!Important;
 }

 .footer-ul {
 list-style-type: none!Important;
 text-align: left!Important;
  }

.footer-ul li {
color: black;
 margin: 0.5em 0!important;
  }

.footer-ul li a {
    text-align: left!Important;
    font-size: 13px!Important;
text-transform: none!Important;
color: black!Important;
    }

.footer-ul li a:hover {
text-decoration: underline;
}

.footer .footer-block.footer-block01 li:before {
   display: none;
}

.footer .footer-info {
    border-top: 1px solid black;
    padding-top: 0.8em;
}

.footer .footer-info ul li {
    font-size: 12px!important;
    text-transform: none;
}


.footer .footer-block.footer-block03 a {
    background-image: none;
    background-color: transparent!important;
    /*text-decoration: none;*/
    font-size: 13px!important;
    padding: 0!important;
    display: inline!Important;
    width: 100%;
    margin: 2em auto 0!important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #ddd;
     -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    text-align: left!important;
}

.footer .footer-block.footer-block03 a:hover {
background-color: transparent!Important;
background-image: none!Important;
/*text-decoration: underline;*/
}

.someicons-footer {
width: 32px;
margin: 0.6em;
}

/* slider */ 

.active, .faq_button:hover {
    background-color: transparent!Important;
}


/* Padding på hele siden */ 

div.main {
    padding-top: 1% !Important;
}

div.col-main {
    padding: 1% 0 0 0;
}

@media only screen and (min-width: 768px){
.breadcrumbs {
    margin: 0 0 10px;
}
}

/******* end CSS #26: FORSIDE 2022 *******/

/******* start CSS #29: kristian_css *******/

/* product img fix desktop */

@media only screen and (min-width: 768px){
  .product-view .product-essential form .product-img-box{
    height: auto !important;
  }
}

/* jquery fix */

.wrapper .page .mb-top-menu .nav-container #nav .active:hover{
    background-color: #fff !important;
}
#nav > li.level0:hover > a {
    color: #196428;
    background-position: -24px -1041px;
}
#nav > li.level0.hund:hover > a {
    background-position: 0 -635px;
}
#nav > li.level0.kat:hover > a {
    background-position: -3px -717px;
}
#nav > li.level0.fugl:hover > a {
    background-position: -16px -958px;
}
#nav > li.level0[class*=' kanin']:hover > a {
    background-position: -15px -800px;
}
#nav > li.level0.fisk:hover > a {
    background-position: -10px -879px;
}
#nav > li.level0.havens-dyr:hover > a {
    background-position: -5px -67px;
}
#nav > li.level0.tilbud-og-avis:hover > a {
    background-position: -14px -552px;
}

/* Links instead of onclicks */

.product-article_v2{
    flex: 0 0 auto;
    display: block;
    background-color: #fff;
    width: 150px;
    padding: 0;
    margin: 1em;
    text-align: center;
    text-decoration: none;
    transition: 0s;
}

.product-article_v2:hover{
    border-bottom: 2px solid #558117;
    cursor: pointer;
}

.product-article_v2 span{
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #196428;
    text-align: center;
    margin: 0.8em 0 0 0;
}

.product-article_v2 img{
    max-height: 150px;
}

/* Hvalpeunivers */

.puppy-universe-article-link .viden-om-artikel-header {
    font-size: 16px;
    margin: 0.5em;
    font-weight: 500;
    display: block;
}

@media only screen and (min-width: 768px) {
    .puppy-universe-article-link .viden-om-artikel-header {
        font-size: 18px;
        margin: 0.5em 1em;
        font-weight: 500;
        display: block;
    }
}

/* Indsamling CSS */

#collectionCounter{
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    color: #196428;
    letter-spacing: 3px;
}

@media only screen and (min-width: 768px) {
    #collectionCounter {
        font-size: 90px;
    }
}

/* Sommerven CSS */

.sommerven-flexbox {
    display: block;
    width: 100%;
}

.sommerven-onetime-donation-img {
    max-width: 914px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .sommerven-flexbox {
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
    }
    .sommerven-flexbox .sommerven-flex-object {
        width: 48%;
    }
}

/* Offline Services */

.services_butik_flex{
    display: block;
    padding: 0.6em;
    margin: 1em 0;
    justify-content: start;
    min-height: 270px;
}

.services_butik_flex::-webkit-scrollbar {
    height: 6px;
    overflow: visible;
    width: 6px;
    border: 1px solid #d5d5d5;
}

.services_butik_flex::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #eeeeee;
}

.services_butik_flex::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b0b0b0;
}

.services_butik_flex_object {
    position: relative;
    width: 90%;
    min-width: 180px;
    min-height: 260px;
    margin: 0.8em auto;
    transition: box-shadow .3s;
}



.services_butik_flex_object:hover {
    cursor: pointer;
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.services_butik_flex_object a img {
    width: 100%;
}

.services_butik_flex_object a div {
    padding: 0.4em 1.2em;
}

.services_butik_flex_object a div h4 {
    font-size: 20px;
    font-weight: 500;
    color: black;
}

.services_butik_flex_object a div p {
    font-size: 14px;
}

.services_butik_flex_object a {
    font-weight: 400;
    text-decoration: none;
    display: block;
    color: #000;
}
.services_list_all_stores ul{
    list-style: none;
    padding: 0;
    width: 90%;
    margin: 0 auto;
}
.services_list_all_stores ul li{
    margin: 15px 0;
}
.services_list_item{
    display: flex;
    flex-flow: row nowrap;
}
.services_list_item_icon{
    min-height: 50px;
    min-width: 50px;
    margin-right: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#services_expert{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/raadgivning.svg);
}
#services_pets_welcome{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/dyrvelkomne-green.svg);
}
#services_loyalty_club{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/medlemsfordele-green.svg);
}
#services_dog_water{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/hundebar-green.svg);
}
#services_price_match{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/kundetilfredshed-green.svg);
}
#services_click_and_collect{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/click_collect-green.svg);
}
#services_selection{
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/kurvmedhjerte-green.svg);
}
#services_taste {
    background-image: url(https://image.maxizoo.dk/media/catalog/icons/smagsgaranti-green.svg);
}
.services_list_item_info{
    max-width: 770px;
}

.services_list_item_info p{
    margin: 0;
}
/* desktop */
@media only screen and (min-width: 768px){
    .services_butik_flex{
        display: flex;
        flex-flow: row nowrap;
        overflow-x: auto;
        padding: 0.6em;
        margin: 1em 0;
        justify-content: start;
        min-height: 270px;
    }
    .services_butik_flex_object {
        position: relative;
        width: 31%;
        min-width: 180px;
        min-height: 260px;
        margin: 0.8em 0.5em;
        transition: box-shadow .3s;
    }
    .services_list_item_icon{
        min-height: 30px;
        min-width: 30px;
        margin-right: 25px;
    }
}

/* Månedensprodukt */
.maanedens-produkt-juli-flex {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object {
    width: 100%;
}
.maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object img {
    width: 100%;
}
.maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object iframe {
    width: 100%;
}
.maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object #listDiv {
    background: #3A9AE5;
    margin: 0;
    padding: 10px 20px 11px 0;
}
.maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object ul {
    list-style: disc;
    color: #fff;
}
.maanedens-produkt-juli-flex-object h3{
    margin-top: 35px;
}

.karlie-user-guide {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.karlie-user-guide .karlie-user-guide-img {
    width: 70%;
    margin: 15px auto 0;
}
.karlie-user-guide .karlie-user-guide-img .karlie-user-guide-img-inner {
    padding-top: 100%;
    position: relative;
}
.karlie-user-guide .karlie-user-guide-img .karlie-user-guide-img-inner div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}
.karlie-user-guide .karlie-user-guide-img .karlie-user-guide-img-inner #karlie-user-guide-step1 {
    background-image: url("https://image.maxizoo.dk/media/wysiwyg/karlie-splashy-step1.jpg");
}
.karlie-user-guide .karlie-user-guide-img .karlie-user-guide-img-inner #karlie-user-guide-step2 {
    background-image: url("https://image.maxizoo.dk/media/wysiwyg/karlie-splashy-step2.jpg");
}
.karlie-user-guide .karlie-user-guide-img .karlie-user-guide-img-inner #karlie-user-guide-step3 {
    background-image: url("https://image.maxizoo.dk/media/wysiwyg/karlie-splashy-step3.jpg");
}
.karlie-user-guide .karlie-user-guide-text {
    width: 60%;
    text-align: center;
    margin: 15px auto 40px;
}
.karlie-brand{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.karlie-brand #karlie-brand-info {
    width: 100%;
}
.karlie-brand #karlie-brand-info p {
    margin-top: 0;
}
.karlie-brand #karlie-brand-logo {
    width: 35%;
}
.karlie-brand #karlie-brand-logo img{
    max-width: 100%;
    height: auto;
}

.hr-karlie{
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Månedensprodukt - Kun mobil */

@media only screen and (max-width: 767px){
    .maanedens-produkt-juli-flex-object a img {
        margin: 15px 0;
    }
}

/* Månedensprodukt - Webstyling */
@media only screen and (min-width: 768px) {
    .maanedens-produkt-juli-flex {
        flex-flow: row wrap;
    }
    .maanedens-produkt-juli-flex .maanedens-produkt-juli-flex-object {
        width: 48%;
    }
    .karlie-brand{
        flex-flow: row nowrap;
    }
    .karlie-brand #karlie-brand-info {
        width: 74%;
    }
    .karlie-brand #karlie-brand-logo {
        width: 18%;
    }
    .karlie-user-guide {
        width: 70%;
        margin: 0 auto;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .karlie-user-guide .karlie-user-guide-img {
        width: 45%;
        margin: 30px 0;
    }
    .karlie-user-guide .karlie-user-guide-text {
        width: 45%;
        margin: 0;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }
    .maanedens-produkt-juli-flex-object h3{
        margin-top: 0;
    }
    #karlie-user-guide-order-1{
        order: 1;
    }
    #karlie-user-guide-order-2{
        order: 2;
    }
    #karlie-user-guide-order-3{
        order: 3;
    }
    #karlie-user-guide-order-4{
        order: 4;
    }
    #karlie-user-guide-order-5{
        order: 5;
    }
    #karlie-user-guide-order-6{
        order: 6;
    }
}

@media only screen and (min-width: 1025px){
    .col3-layout .col-wrapper {
        width: 100%;
    }
}

/* Månedens produkt 2022-08: Hunter */
.mp-aug-hunter-flex .mp-aug-hunter-flex-object .contentAlign {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.mp-aug-hunter-flex .mp-aug-hunter-flex-object .contentAlign p {
    width: 100%;
    text-align: left;
}
.mp-aug-hunter-flex .reverseOrderOfObjects {
    order: 2;
}
.mp-aug-hunter-flex img {
    max-width: 100%;
}

.mp-aug-hunter-header-formatting {
    margin-top: 5%;
}

/* Månedens produkt 2022-08: Hunter desktop */
@media only screen and (min-width: 768px) {
    .mp-aug-hunter-flex {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin-top: 30px;
    }
    .mp-aug-hunter-flex .mp-aug-hunter-flex-object {
        width: 48%;
        height: 100%;
    }
    .mp-aug-hunter-flex .mp-aug-hunter-flex-object .contentAlign {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }
    .mp-aug-hunter-flex .mp-aug-hunter-flex-object .contentAlign p {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .mp-aug-hunter-flex .reverseOrderOfObjects {
        order: 1;
    }
    .mp-aug-hunter-header-formatting {
        text-align: center;
    }
    .mp-aug-hunter-text-width {
        margin-right: auto;
        margin-left: auto;
        width: 75%;
    }
}

/* Månedens produkt 2022-09: Orbiloc */

.mp-orbiloc-flex {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.mp-orbiloc-flex #mp-orbiloc-safety-1 {
    order: 1;
}
.mp-orbiloc-flex #mp-orbiloc-safety-2 {
    order: 2;
}
.mp-orbiloc-flex img {
    width: 100%;
}

.mp-orbiloc-flex-color .product-categories-5 {
    width: 46%;
}

/* Månedens produkt 2022-09: Orbiloc desktop */

@media only screen and (min-width: 768px) {

    .mp-orbiloc-flex {
        flex-flow: row nowrap;
    }
    .mp-orbiloc-flex div {
        width: 48%;
    }
    .mp-orbiloc-flex div img {
        width: 100%;
    }
    .mp-orbiloc-flex div p {
        margin-block-start: 0;
    }
    .mp-orbiloc-flex #mp-orbiloc-safety-1 {
        order: 2;
    }
    .mp-orbiloc-flex #mp-orbiloc-safety-2 {
        order: 1;
    }
    .mp-orbiloc-flex-color .product-categories-5 {
        width: 19%;
    }
}

/* månedens produkt 10-2022 - DUOXO S3 */

.mp-10-2022-duoxo-s3-product-flex div img {
    width: 100%;
    margin: 30px 0 15px 0;
}
.maanedens-produkt-oktober-overskrifter h2 {
    text-align: center;
}
.maanedens-produkt-oktober-overskrifter .h2-followed-by-h3-duoxo {
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
    .mp-10-2022-duoxo-s3-product-flex {
        display: flex;
        flex-flow: row-reverse nowrap;
        justify-content: space-between;
    }
    .mp-10-2022-duoxo-s3-product-flex div {
        width: 48%;
        margin-bottom: 3em;
    }
    .mp-10-2022-duoxo-s3-product-flex div img {
        margin: 0;
    }
    .mp-10-2022-duoxo-s3-product-flex div h3 {
        text-align: start;
        margin-top: 0;
    }
    .mp-10-2022-duoxo-s3-product-flex div div {
        width: 100%;
        margin-bottom: 0;
    }
    .maanedens-produkt-oktober-overskrifter h2 {
        margin-bottom: 30px;
    }
}

/* maanedens produkt 11-2022 */

.mp-november-2022-headers h2, .mp-november-2022-headers h3, .mp-november-2022-headers h4, .mp-november-2022-headers h5, .mp-november-2022-headers h6 {
    text-align: center;
}

.mp-november-2022-flex div {
    margin-bottom: 30px;
}
.mp-november-2022-flex img {
    width: 100%;
}

.mp-november-2022-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-areas: "img0 img0" "text text" "img1 img2" "img3 img4";
    padding-bottom: 2em;
}
.mp-november-2022-grid img {
    width: 100%;
}
.mp-november-2022-grid div {
    margin-bottom: 0;
}
.mp-november-2022-grid .mp-november-2022-grid-0 {
    grid-area: text;
}
.mp-november-2022-grid .mp-november-2022-grid-0 p {
    padding-top: 0;
    margin-top: 0;
}
.mp-november-2022-grid .mp-november-2022-grid-1 {
    grid-area: img0;
}
.mp-november-2022-grid .mp-november-2022-grid-2 {
    grid-area: img1;
}
.mp-november-2022-grid .mp-november-2022-grid-3 {
    grid-area: img2;
}
.mp-november-2022-grid .mp-november-2022-grid-4 {
    grid-area: img3;
}
.mp-november-2022-grid .mp-november-2022-grid-5 {
    grid-area: img4;
}

@media only screen and (min-width: 768px) {
    .mp-november-2022-flex {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .mp-november-2022-flex div {
        width: 48%;
        margin-bottom: 0;
    }
    .mp-november-2022-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
      "text text img0 img0"
      "img1 img2 img3 img4";
        padding-bottom: 2em;
    }
}

/* mp december 2022 */

.mp-november-2022-headers #mp-2022-12-fist-mood {
    margin-bottom: 5%;
}
.mp-november-2022-headers .mp-2022-12-flex div {
    margin-top: 4%;
}

@media only screen and (min-width: 768px) {
    .mp-november-2022-headers #mp-2022-12-fist-mood {
        margin-bottom: 0;
    }
    .mp-november-2022-headers .mp-2022-12-flex {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .mp-november-2022-headers .mp-2022-12-flex div {
        width: 48%;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-1 {
        order: 1;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-2 {
        order: 2;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-3 {
        order: 3;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-4 {
        order: 4;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-5 {
        order: 5;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-play-6 {
        order: 6;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-info-1 {
        order: 1;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-info-2 {
        order: 2;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-info-3 {
        order: 3;
    }
    .mp-november-2022-headers .mp-2022-12-flex #mp-2022-12-info-4 {
        order: 4;
    }
}

/* mp-2023-03 */

@media only screen and (min-width: 768px) {
    .mp-2023-03-flexbox {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .mp-2023-03-flexbox div {
        width: 48%;
    }
    .mp-2023-03-flexbox-reverse {
        flex-flow: row-reverse nowrap;
    }
}

/* mp-2023-04 */

.mp-2023-03-flexbox div .mp-2023-04-embed-web {
    display: none;
}
.mp-2023-03-flexbox div .mp-2023-04-embed-mobile {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .mp-2023-03-flexbox div .mp-2023-04-embed-web {
        display: block;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .mp-2023-03-flexbox div .mp-2023-04-embed-mobile {
        display: none;
    }
}

/* mp flex alternating position and order */

@media only screen and (min-width: 768px) {
    .flexcontainer-values #mp-2023-05-1 {
        order: 1;
    }
    .flexcontainer-values #mp-2023-05-2 {
        order: 2;
    }
    .flexcontainer-values #mp-2023-05-3 {
        order: 4;
    }
    .flexcontainer-values #mp-2023-05-4 {
        order: 3;
    }
    .flexcontainer-values #mp-2023-05-5 {
        order: 5;
    }
    .flexcontainer-values #mp-2023-05-6 {
        order: 6;
    }
}

/* Viden om dyr */

.height300 .viden-om-artikel-tekst{
    font-size: 15px;
    margin: 0.5em;
    font-weight: 400;
    line-height: 17px;
    display: block;
}

.height300 .viden-om-artikel-header{
    font-size: 16px;
    margin: 0.5em;
    font-weight: 500;
    display: block;
}

@media only screen and (min-width: 768px) {
    .ul-top-menu-center{
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }
    .height300 .viden-om-artikel-tekst{
        margin: 0.5em 1em;
    }
    .height300 .viden-om-artikel-header{
        font-size: 18px;
        margin: 0.5em 1em;
    }
}

/* Sammen for dyrene */

@media only screen and (min-width: 768px) {
    .sammen-for-dyrene-flex {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .sammen-for-dyrene-flex .sammen-for-dyrene-img {
        width: 32%;
    }
    .sammen-for-dyrene-flex .sammen-for-dyrene-textbox {
        width: 65%;
    }
    .sammen-for-dyrene-flex-reverse {
        flex-flow: row-reverse nowrap;
    }
}

/* gaveideer */

.celebration-overskrifter h1 {
    text-align: center;
}

.celebration-artikel {
    width: 100%;
    margin: 30px 0;
    border-radius: 5px;
}
.celebration-artikel h2 {
    color: #000000;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}
.celebration-artikel .celebration-artikel-flex {
    width: 90%;
    margin: 20px auto 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content {
    width: 100%;
    margin-bottom: 2em;
    border: none;
    border-radius: 3px;
    transition: box-shadow 0.3s;
    background-color: #fff;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content a {
    color: #000;
    text-decoration: none;
    width: 100%;
    margin: 1.2em 0;
    border: none;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content a img {
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    border: 0;
    vertical-align: top;
    height: auto;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content a .celebration-artikel-content-header {
    font-size: 16px;
    margin: 0.5em;
    font-weight: 500;
    display: block;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content a .celebration-artikel-content-tekst {
    font-size: 15px;
    margin: 0.5em;
    font-weight: 400;
    line-height: 17px;
    display: block;
}
.celebration-artikel .celebration-artikel-flex .celebration-artikel-content:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, 0.35);
    cursor: pointer;
}

.celebration-artikel-hund {
    background-color: #c0e1da;
}

.celebration-artikel-kat {
    background-color: #f3b9b7;
}

.celebration-ingredienser {
    width: 100%;
}
.celebration-ingredienser .celebration-ingredienser-flex {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    width: 100%;
    margin: 30px 0;
}
.celebration-ingredienser .celebration-ingredienser-flex div {
    margin: 0 auto;
    width: 96%;
}
.celebration-ingredienser .celebration-ingredienser-flex div ul {
    list-style: disc;
}
.celebration-ingredienser .celebration-recep-tip {
    margin: 0;
    padding: 30px;
    border-radius: 5px;
    background: #ECF3DD;
}

.celebration-opskrift .celebration-opskrift-trin {
    margin: 30px auto;
    width: 100%;
}
.celebration-opskrift .celebration-opskrift-trin img {
    width: 100%;
    max-width: 100%;
}
.celebration-opskrift .celebration-opskrift-trin p span {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 32px;
}

.celebration-article-link .viden-om-artikel-header {
    font-size: 16px;
    margin: 0.5em;
    font-weight: 500;
    display: block;
}

.celebration-article-section .celebration-infobox {
    margin: 0;
    padding: 30px;
    border-radius: 5px;
    font-weight: bold;
}
.celebration-article-section .celebration-tip {
    background: #ECF3DD;
}
.celebration-article-section .celebration-important {
    background: #FDE8DA;
}
.celebration-article-section p {
    margin: 30px 0;
}

@media only screen and (min-width: 768px) {
    .celebration-artikel .celebration-artikel-flex {
        flex-flow: row nowrap;
        justify-content: space-around;
    }
    .celebration-artikel .celebration-artikel-flex .celebration-artikel-content {
        width: 46%;
    }
    .celebration-artikel .celebration-artikel-flex .celebration-artikel-content a {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .celebration-artikel .celebration-artikel-flex .celebration-artikel-content a img {
        width: 100%;
        max-width: 100%;
    }
    .celebration-artikel .celebration-artikel-flex .celebration-artikel-content a .celebration-artikel-content-header {
        font-size: 18px;
        margin: 0.5em 1em;
    }
    .celebration-artikel .celebration-artikel-flex .celebration-artikel-content a .celebration-artikel-content-tekst {
        margin: 0.5em 1em;
    }
    .celebration-ingredienser {
        width: 100%;
    }
    .celebration-ingredienser .celebration-ingredienser-flex {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .celebration-ingredienser .celebration-ingredienser-flex div {
        margin: 0;
        width: 30%;
    }
    .celebration-ingredienser .celebration-recep-tip {
        margin: 30px;
        background: #ECF3DD;
    }
    .celebration-opskrift .celebration-opskrift-trin p span {
        font-size: 2rem;
        line-height: 40px;
    }
    .celebration-article-section .celebration-infobox {
        margin: 30px;
    }
}

/* gaatur i moerket */

.moerke-flex {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    width: 100%;
}
.moerke-flex .moerke-flex-object {
    width: 100%;
}

#moerke-web-btn {
    display: none;
}

.moerke-mobile-btn {
    display: block;
}

@media only screen and (min-width: 768px) {
    .moerke-flex {
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .moerke-flex .moerke-flex-object {
        width: 48%;
    }
    .moerke-artikel {
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }
    .moerke-text-short {
        width: 68.5%;
        margin-right: auto;
        margin-left: auto;
    }
    #moerke-web-btn {
        display: flex;
    }
    .moerke-mobile-btn {
        display: none;
    }
}

/* brandsider */

/* RUFFWEAR */
.category-div_v3 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.category-div_v3 .category-div-slide-container_v3 {
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 {
    width: 20000px;
    display: flex;
    flex-flow: row nowrap;
    top: 0;
    left: 0;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 {
    margin-right: 35px;
    width: 217px;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 :last-child {
    margin-right: 0;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link {
    display: block;
    align-content: center;
    text-decoration: none;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link img {
    width: 100%;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link span {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    color: #000;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link .product-article_v3-header {
    color: #8ec711;
    font-weight: bold;
    font-size: 20px;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link .product-article_v3-text {
    font-weight: 500;
    font-size: 16px;
    min-height: 50px;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link .product-article_v3-button {
    background-image: linear-gradient(#8ec711, #558117);
    padding: 10px 15px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 1px 1px #ddd;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    width: 130px;
}
.category-div_v3 .category-div-slide-container_v3 .category-div-slide_v3 .product-article_v3 .product-article_v3-link .product-article_v3-button :hover {
    cursor: pointer;
    background-color: #ddd;
    text-decoration: none;
    color: #a6a6a6;
}
.category-div_v3 .category-div_v3-btn {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
}
.category-div_v3 .category-div_v3-btn span {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    background-image: linear-gradient(#8ec711, #558117);
}
.category-div_v3 #category-div_v3-prev {
    left: 0;
    z-index: 101;
}
.category-div_v3 #category-div_v3-next {
    right: 0;
    z-index: 101;
}
.category-div_v3 .category-div_v3-hide {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
    width: 10%;
}
.category-div_v3 .category-div_v3-hide-left {
    left: 0;
}
.category-div_v3 .category-div_v3-hide-right {
    right: 0;
}

.ruffwear-brandpage h1, .ruffwear-brandpage h2 {
    width: 100%;
    color: #000;
    font-weight: 500;
}
.ruffwear-brandpage h1 {
    text-align: center;
    margin: 15px 0 10px;
    max-width: 100%;
}
.ruffwear-brandpage h2 {
    text-align: start;
    margin: 2em 0 1em;
}
.ruffwear-brandpage p {
    padding-bottom: 15px;
}

.ruffwear-mobile-slider-container {
    display: block;
    position: relative;
    width: 100%;
}
.ruffwear-mobile-slider-container .ruffwear-slide-mobile {
    display: none;
}

.ruffwear-slide-fade-in {
    animation-name: ruff-wear-fade-in;
    animation-duration: 2.5s;
}

@keyframes ruff-wear-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.ruffwear-desktop-slider-container {
    display: none;
}

.ruffwear-front-range-harness {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

.bp-ruffwear-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-areas: "banner-top banner-top" "link1 link2" "link3 link4";
}
.bp-ruffwear-grid .bp-ruffwear-grid-0 {
    grid-area: banner-top;
}
.bp-ruffwear-grid .bp-ruffwear-grid-1 {
    grid-area: link1;
}
.bp-ruffwear-grid .bp-ruffwear-grid-2 {
    grid-area: link2;
}
.bp-ruffwear-grid .bp-ruffwear-grid-3 {
    grid-area: link3;
}
.bp-ruffwear-grid .bp-ruffwear-grid-4 {
    grid-area: link4;
}

.bp-ruffwear-flex {
    margin: 15px 0;
}
.bp-ruffwear-flex div p {
    padding-top: 15px;
    padding-bottom: 0;
}
.category-div_v3 .category-div_v3-prev {
    left: 0;
    z-index: 101;
}
.category-div_v3 .category-div_v3-next {
    right: 0;
    z-index: 101;
}
@media only screen and (min-width: 768px) {
    .ruffwear-brandpage h1 {
        font-size: 35px;
    }
    .ruffwear-mobile-slider-container {
        display: none;
    }
    .ruffwear-desktop-slider-container {
        display: block;
        position: relative;
        width: 100%;
    }
    .ruffwear-desktop-slider-container .ruffwear-slide-desktop {
        display: none;
    }
    .bp-ruffwear-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas: "banner-top banner-top banner-top banner-top" "link1 link2 link3 link4";
    }
    .bp-ruffwear-flex {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin: 0 auto 2%;
    }
    .bp-ruffwear-flex div {
        width: 49%;
    }
    .bp-ruffwear-flex div p {
        margin: 0;
        padding: 0;
    }
}

/* Cybermonday 2022 */

.landingpage-skabelon1 #timerHide .tilbuds_countdown_flex {
    margin-top: 0;
}

.cybermonday-2021 .menu-cybermonday.cybermonday-2022 div {
    width: 48%;
}
.cybermonday-2021 .menu-cybermonday.cybermonday-2022 div p {
    display: none;
}

@media only screen and (min-width: 768px) {
    .cybermonday-2021 .menu-cybermonday.cybermonday-2022 div {
        width: 25%;
    }
    .cybermonday-2021 .menu-cybermonday.cybermonday-2022 div p {
        display: block;
    }
}

/* Jul 2022 */

.juleside-2022 h2.jul-2021{
    color: #fff;
}

.juleside-2022 .flexcontainer-standard .width-500px-banner h3{
    text-align: start;
}

.juleside-2022 .flexcontainer-standard .width-500px-banner{
    text-align: start;
}

.juleside-2022 #navbar_web_jul a{
    font-family: "FnmzSkolar", Arial;
}

/* Min Ven Krokodillen */
@media only screen and (min-width: 768px) {
    .krokodille-flex {
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
    }
    .krokodille-flex div {
        width: 48%;
    }
}

/* Valentinsgåtur */

@media only screen and (min-width: 768px) {
    .valentins-flex {
        display: flex;
        flex-flow: row-reverse nowrap;
        justify-content: space-between;
    }
    .valentins-flex div {
        width: 48%;
    }
}

/* Lovebrands */
.lovebrand h2 {
    margin-top: 15px;
}

.lovebrands-menu {
    width: 90%;
    margin: 30px auto;
}
.lovebrands-menu div {
    width: 100%;
    margin-top: 30px;
}
.lovebrands-menu div a {
    width: 100%;
}
.lovebrands-menu div a img {
    width: 100%;
    max-width: 100%;
}

.lovebrands-flex {
    width: 100%;
    margin: 30px 0;
}
.lovebrands-flex div {
    width: 100%;
}
.lovebrands-flex div a {
    width: 100%;
}
.lovebrands-flex div a img {
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .lovebrands-menu {
        width: 100%;
        margin: 30px 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-evenly;
    }
    .lovebrands-menu div {
        width: 25%;
    }
    .lovebrands-flex {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin: 50px 0;
    }
    .lovebrands-flex div {
        width: 45%;
    }
    .lovebrands-flex div div {
        width: 100%;
    }
    .lovebrands-flex-reverse {
        flex-flow: row-reverse nowrap;
    }
}

/******* end CSS #29: kristian_css *******/

/******* start CSS #16: Hills *******/

.Hills_custom_flex{
        
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 5% 5% 5% 5%;
    
}

.Hills_custom_parent{
    flex: 0 0 30%;
    margin-bottom: 0%;
}

.Hills_custom_text{
    
}

.Hills_text_img{
    border: 0;
    vertical-align: top;
    height: auto;
    max-width: 100%;
    margin: 1%;
}

.Hills_content{
    text-align: center;
}

.Hills_content_flex{
    display: flex;
    max-width: 100%;
    justify-content: space-around;
    text-align: center;
    margin: 7% 0;
    flex-direction: column;
}


.Hills_product_text_red{
    color:#d6242c;
}

.Hills_product_text{
    margin: 3%
}

.Hills_product{
    width: 100%;
}




.custom_ref_hills{
    text-align: center;
}

.custom_ref_hills a:hover {
    background-color: #681112;
    color: white;
}

.custom_ref_hills a{
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
    font-size: 20px;
}

.previous_hills{
    background-color: #891617;
    color: white;
    margin: 5%;
}

.hills_end_text{
    margin: 4% 5% 0% 5%;
    text-align: center;
        
}

.hr_hills{
 margin: 10%;
    
}

@media only screen and (min-width: 500px ){ /*-------------------------- 500px------------------*/
.Hills_content_flex{
        flex-direction: row;
}
    
    .Hills_product{
    width: 25%;
    margin: 0%;
}
    
.hills_end_text{
    margin: 4% 25% 0% 25%;
          
}
    
.hr_hills{
    display: none;
    
}
    
.Hills_custom_flex{
    margin: 5% 25% 5% 25%;
    
}    
    
    
}

/******* end CSS #16: Hills *******/

/******* start CSS #8: Philip test *******/

/*.philipartikkel1 h1 {display:none;}*/

/*LPA NEW*/

.aar30_hr{
    margin: 3% 0%;
}

.text_30{
    margin: 3%;
    min-height: 460px;
}

.img_kampagne_center{
    margin: 3%;
    text-align: center;
}

.f-dag h2 {
    font-size: 28px;
    color: #555;
    text-align: center;
    border-bottom: 3px solid #555;
    width: 50%;
    margin: 25px auto 20px auto;

}

#deactivate_counter{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.menu_box_parent_tilbud:hover {
  filter: none;
  -webkit-filter: grayscale(100%);
}

.countdown_text_2{
    height: 50px;
}

.countdown_text_2 p{
    font-size: 14px;
}

.tilbuds_countdown_flex h2{
    font-size: 15px;
}

#ugeavis_counter{
    font-size: 16px;
    
}

#hug_counter{
    font-size: 16px;
}

.tilbuds_countdown_flex{
    display: flex;
    max-width: 100%;
    justify-content: space-around;
    text-align: center;
    /* margin-top: 7%; */
}

.uge_countdown_box{
    width: 45%;
}

.mh_countdown_box{
    width: 45%;
}


.lpa-txt-philip{
    display: inline-block;
	font-size: 16px;
	padding: 0 10px;
	width: 68%;
	margin-bottom: 30px;
}


.kategori{
     display: flex;
    flex-direction: row;
    justify-content: space-around;
}



.kategoriknap {
	-moz-box-shadow:inset 0px 0px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 0px 0px 0px #a4e271;
	box-shadow:inset 0px 0px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
    width: 20%;
    text-align: center;
}
.kategoriknap:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.kategoriknap:active {
	position:relative;
	top:1px;
}


/*-----------------------*/



.greenbox{
        color: white;
    background-color: #69a341;
    border-radius: 0px 10px;
    width: 100%;
    float: right;
    padding: 1%;
    position: relative;
    margin-top: 5%;
    margin: 4% 0%;
 }
 
 ul.img_ul li:nth-child(odd){
    background-color: #69a2;
}

ul.img_ul li:nth-child(even){
    background-color: #69a1;
}

.custom_ref a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

.custom_ref  a:hover {
    background-color: #ddd;
    color: black;
}


.custom_ref_brit a {
    
    text-decoration: none;
    display: inline-block;
    padding: 30px 16px;
    width: 100%;
    font-size: 20px;
    
}

.custom_ref_brit  a:hover {
    background-color: #0b3517;
    color: white;
}



.custom_ref_jul a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

.custom_ref_jul  a:hover {
    background-color: #ddd;
    color: black;
}



.next_jul {
    background-color: #558117;
    color: white;
    
    margin: 1 0%%
}


.custom_ref_nutro a {
    text-decoration: none;
    display: inline-block;
    padding: 20px 40px;
    font-size: 19px;
}

.custom_ref_nutro  a:hover {
    background-color: #ddd;
    color: black;
}

.next_brit{
    
    background-color: #15632b;
    color: white;    
}




.previous {
    background-color: #f1f1f1;
    color: black;
    margin: 5%;
}

.next {
    background-color: #558117;
    color: white;
    
    margin: 5%
}
.custom_ref{
    text-align: center;
}



.article_template_1 h3{
    font: Frutiger LT PRO;
    font-size: 11pt;
    font-family: 75 Black;
    color: #69a341;
}
.article_template_1 h2{
    font: Frutiger LT PRO;
   /* font-size: 11pt;*/
    font-family: 55 Roman;
    color: black;
}
.article_template_2 ol{
    padding-left: 0px;
    margin: 2%;
}
.article_template_2 h3{
    font: Frutiger LT PRO;
    font-size: 11pt;
    font-family: 75 Black;
    color: #69a341;
}
.article_template_2 h2{
    font: Frutiger LT PRO;
    /*font-size: 11pt;*/
    font-family: 55 Roman;
    color: black;
}
.image_right_1{
    width: 100%;
    display: block;
    float: right;
    margin-left:10px;
}

.image_right_30{
    width: 100%;
    display: block;
    float: right;
    margin-left:10px;
}


.image_left_30{
    width: 100%;
    display: block;
    float: left;
    margin-left:10px;
}


.image_right_2{
    
    width: 100%;
    display: block;
    float: right;
    margin-left:0px;
}

.tilbagekaldelse_flex_img{
    display: flex;
    flex-direction: column;
    text-align: center;
    
}

.tilbagekaldelse_produkt_img{
    margin: 3% 0 1.5% 0;
    width: 100%;
    
}

.tilbagekaldelse_stregkode_img{
    margin: 3% 0 1.5% 0;
    width: 100%;
    
}





.banner_box_image{
    position: relative;
    margin: -2.2%;        
}
.banner_box_parent{
    position: inherit;
    top: 20%;
    margin: 4%;
    width: 92%;
}
.banner_box_text{
    position: relative;
    padding: 1px;
}
.article_box_2{
    display: flex;
    flex-direction:column;
    width: 95%;
}
.text_2{
    margin: 3%;
    width: 100%;
}
.text_1{
    margin: 3%;
}
.text_2{
    margin: 3%;
    width: 100%;
}
.image_left_1{
    width: 100%;
    height: auto;
}

.img_list{
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 100px;
}

.img_ul {
  list-style-type: none;
  width: 100%;
    padding: 0;
}
 

 
.img_li img {
  float: left;
  margin: 0 15px 0 0;
}
 

 
.img_li {
  padding: 10px;
  overflow: auto;
}
 

.smartlist{
    margin-top: 20px;
}

@media only screen and (min-width: 319px ){ /*-------------------------- 319px------------------*/
.banner_box_image{
        margin: -2.7%;
}

    .custom_ref_brit a{
        font-size: 17px;
    }    
    
} 

@media only screen and (min-width: 414px ){ /*--------------------------- 414px ----------------*/
#very_custom_br{
display: none;
    
}
    
.custom_ref_brit a{
        font-size: 22px;
    }    
    
}


@media only screen and (min-width: 520px ){ /*-------------------------- 520px------------------*/
.banner_box_image{
        margin: -2%;
}
}
@media only screen and (min-width: 640px ){ /*-------------------------- 640px------------------*/
.banner_box_image{
        margin: -1.6%;
}
}
@media only screen and (min-width: 720px ){ /*-------------------------- 720px------------------*/
.banner_box_image{
        margin: -1.4%;   
}
    
    .custom_ref_brit a {
        width: 73%;
        font-size: 25px;
        
    }
    
    
    .image_right_1{
        width: 50%;
    }
    
    .image_right_30{
        width: 50%;
    }
    
    
    .image_left_30{
        width: 50%;
    }
    

.greenbox{
        
    width: 30%;
    
 }
 
 .uge_countdown_box{
    width: 40%;
}

.mh_countdown_box{
    width: 40%;
}


.countdown_text_2 p{
    font-size: 22px;
}
 

}
@media only screen and (min-width: 820px ){ /*-------------------------- 820px------------------*/
.article_box_2{
    display: flex;
    flex-direction:row;
    margin: 3% 1%;
}
    
.tilbuds_countdown_flex h2{
    font-size: 18px;
}
    
.banner_box_image{
    position: relative;
}
.banner_box_parent{
    position: absolute;
    top: 20%;
    left: 3%;
    width: 40%;
}
.banner_box_text{
    position: relative;
    background-color: white;
    opacity: 0.8;
    border-radius: 12px;
    padding: 5px;
    bottom: 50px;
}
.article_box_1{
    float: left;
    margin-top: 20px;
}
.image_left_1{
    width: 40%;
    display: block;
    float: left;
    margin-right: 10px;
}
.image_right_1{
    width: 40%;
    display: block;
    float: right;
    margin-left:10px;
}
    
.image_right_30{
    width: 50%;
    display: block;
    float: right;
    margin-left:10px;
} 
    
    
.image_left_30{
    width: 50%;
    display: block;
    float: left;
    margin-left:10px;
}      
    
    
    
}

@media only screen and (min-width: 850px ){ /*-------------------------- 850px------------------*/
.banner_box_image{
    margin: -1.2%;
}
}
@media only screen and (min-width: 1024px ){ /*-------------------------- 1024px------------------*/
.banner_box_image{
    margin: -1.1%;
}
    
.custom_ref_brit a {
    width: 57%;
}    
    
}




@media only screen and (min-width: 1025px ){ /*-------------------------- 1025px------------------*/
.banner_box_image{
     margin: -3.3%;
}

    .custom_ref_brit a {
        width: 58.3%;
    }
    
}

/******* end CSS #8: Philip test *******/

/******* start CSS #9: Philip menu *******/

.maxizoo_section{
    margin-top: 5%;
}






p.juletekst{
    font-family: 'Satisfy', cursive;
    font-size: 27px;
    color: #95A445;
}

.custom-ref-sikkerhed{
    display: block;
    text-align: center;
    margin: 30px 0 25px 0;
}

.custom-ref-sikkerhed a{
    display: inline-block;
    background-color: black;
    color: #fff;
    font-size: 19px;
    text-decoration: none;
    padding: 20px 23px;
}

.custom-ref-sikkerhed a:hover{
    color: #000;
    background-color: #d9b406;
}



.std .contact-links{
    width: 100%;
    margin-top: 3%;
}

.menu_box_parent_tilbud_RN{
    width: 75%;
    margin-bottom: 3%;
    text-align: center;
}


.menu_box_parent_tilbud_RN:hover {
  filter: none;
  -webkit-filter: grayscale(100%);
}


.menu_box_parent_tilbud_RN p {
    font-size: 22px;
    color: #666;
}


.menu_box_parent_tilbud_SG{
    width: 100%;
    margin-bottom: 3%;
    text-align: center;
}


.menu_box_parent_tilbud_SG:hover {
  filter: none;
  -webkit-filter: grayscale(100%);
}


.menu_box_parent_tilbud_SG p {
    font-size: 22px;
    color: #666;
}




.img_middle_1{
    margin: 3% 0%;
}

#quote{
    margin-top:5%;
}

.menu_template_1 h4{
    line-height: 300%;
}


.menu_box_parent_1{
   Flex: 0 0 30%;
   margin-bottom: 3%;
}

.menu_box_parent_CC{
    flex: 0 0 30%;
    margin-bottom: 3%;
}

.menu_3box_parent{
    flex: 0 0 30%;
    margin-bottom: 3%;
}


.menu_box_child{
   margin: 1%;
}

.menu_box_child_CC{
    margin: 1%;
}


.menu_3box_child{
    margin: 1% 18%;
}

.menu_flex_box{
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 5%;
}

.menu_flex_box_tilbud{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 5%;
}

.menu_flex_box_CC{
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 5%;
}


.menu_3flex_box{
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 5%;
}




.menu_box_parent_tilbud{   
    margin-bottom: 3%;
    width: 45%;
}

.menu_box_parent_tilbud_MS{   
    margin-bottom: 3%;
    width: 45%;
}


.menu_box_whitebox{
    position: relative;
    width: auto;
    text-align: center;
    vertical-align:middle;
    pointer-events: none;

    
}

.menu_box_parent_1:hover {
  filter: none;
  -webkit-filter: grayscale(100%);
}

a.divlink { 
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    flex: 0 0 30%;
    margin: 1%;
        
}

a.divlink2 { 
    display: block;
    position: relative;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    bottom: 50px;
    height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 310%;
    margin: 0% 1%;
     }



.menu img{
    width: 100%;
    height: auto;
}

.menu_CC img{
    width: 100%;
    height: auto;
}

.3_menu img{
    width: 100%;
    height: auto;
}


.banner_box_image{
    position: relative;
    margin: -2.2% -2.2% 0 -2.2%;        
}


.banner_box_image_MH{
    position: relative;
    margin: -2.2% -2.2% 0 -2.2%;        
}


.banner_box_parent{
    position: inherit;
    top: 20%;
    margin: 4%;
    width: 92%;
}
.banner_box_text{
    position: relative;
    padding: 1px;
}





.avis_flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        
}

.avis_flex_tekst{
    width: 100%;
    text-align: center;        
}

.avis_billede{
    width: 100%;
        
}



.btn-standard-MZ_avis{
    display: block;
    margin: 15px auto;
    
}


.btn-standard-MZ_avis a:hover {
    color: #000;
    background-color: #ddd;
    text-decoration: none;
}  



.btn-standard-MZ_avis a{
    min-width: 150px;
    display: inline-block;
    font-size: 19px;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
    
}

.hover-banner_tilbud{
    margin: 5% 5% 5% 5%;
}




@media only screen and (min-width: 319px ){ /*-------------------------- 319px------------------*/
.banner_box_image{
        margin: -2.7% -2.7% 0 -2.7%;
}
    
.banner_box_image_MH{
        margin: -2.7% -2.7% -8% -2.7%;
}    
   
    }
    
    @media only screen and (min-width: 450px ){ /*----------------------- 450px -----------------------*/
        .menu_box_whitebox{
            line-height: 100%;
        }   
        
    }
    .menu_template_1 h4{
    line-height: 350%;
}
 
@media only screen and (min-width: 520px ){ /*-------------------------- 520px------------------*/
.banner_box_image{
        margin:-2% -2% 0 -2%;
}
    
.banner_box_image_MH{
        margin: -2.1% -5.3% -2.1% -5.3%;
}
    
    .menu_template_1 h2{
    
}
    .menu_template_1 h4{
    line-height: 400%;
}
}
@media only screen and (min-width: 640px ){ /*-------------------------- 640px------------------*/
.banner_box_image{
        margin: -1.6% -1.6% 0 -1.6%;
}
    
    
.banner_box_image_MH{
        margin: -1.6% -4.9% -1.6% -4.9%;
}
    
    

.menu_template_1 h2{
    
}
.menu_template_1 h4{
    line-height: 550%;
}

}
@media only screen and (min-width: 720px ){ /*-------------------------- 720px------------------*/
.banner_box_image{
        margin:-1.4% -1.4% 0 -1.4%;   
}
    
    
.banner_box_image_MH{
        margin: -1.3% -4.5% -1.3% -4.5%;  
}
    
    

.menu_box_parent_tilbud_RN{
    width: 45%;
}
    
.menu_box_parent_tilbud_SG{
    width: 45%;
}

.menu_box_whitebox{
            line-height: 300%;
        }  
    
    .menu_template_1 h4{
    line-height: 600%;
}
    
.menu_box_parent_tilbud{
   Flex: 0 0 30%;
   margin-bottom: 0%;
}

.menu_box_parent_tilbud_MS{
   Flex: 0 0 30%;
   margin-bottom: 0%;
} 
    
}
@media only screen and (min-width: 820px ){ /*-------------------------- 820px------------------*/

.menu_box_parent_tilbud_RN{
    width: 30%;
 }
    
.menu_box_parent_tilbud_SG{
    width: 45%;
 }    

.menu_box_whitebox{
    bottom: 21%;
    position: relative;
    background-color: #ffffff;
  opacity: 0.6;
    width: auto;
    text-align: center;
    vertical-align:middle;
 margin: -1%;
    
}
.menu_box_parent_1{
   Flex: 0 0 30%;
   margin-bottom: 0%;
}
    
.menu_box_parent_CC{
    flex: 0 0 30%;
    margin-bottom: 0%;
}    

.menu_3box_parent{
    flex: 0 0 30%;
    margin-bottom: 3%;
}    
    
.menu_flex_box{
    flex-direction: row;
    
}
    
.menu_flex_box_CC{
    flex-direction: row;
}
    
.menu_3flex_box{
     flex-direction: row;   
    }    
    
.menu_flex_box_tilbud{
    flex-direction: row;
    
}
    
   
    
    .flexbox{
        margin: 3% 1% -3% 1%;
        flex:0 0 30%;
        
    }
   
   
.menu_template_1 h2{
    
}     

.menu_template_1 h4{
    line-height: 200%;
    font-size: 13px;
}
    
    
.banner_box_image{
    position: relative;
}
    
.banner_box_image_MH{
    position: relative;
}    
    
.banner_box_parent{
    position: absolute;
    top: 20%;
    left: 3%;
    width: 40%;
}
.banner_box_text{
    position: relative;
    background-color: white;
    opacity: 0.8;
    border-radius: 12px;
    padding: 5px;
    bottom: 50px;
}

a.divlink2 { 
    bottom: 50px;
    
     }

}

@media only screen and (min-width: 850px ){ /*-------------------------- 850px------------------*/
.banner_box_image{
    margin: -1.2% -1.2% 0 -1.2%;
}
    
    
.banner_box_image_MH{
    margin: -1.3% -4.5% -1.3% -4.5%;
}
    


}

@media only screen and (min-width: 900px ){ /*-------------------------- 900px------------------*/

    .menu_template_1 h4{
    line-height: 200%;
    font-size: 15px;
}


    
}

@media only screen and (min-width: 1024px ){ /*-------------------------- 1024px------------------*/
.banner_box_image{
    margin: -1.1% -1.1% 0 -1.1%;
}
    
    
.banner_box_image_MH{
    margin: -0.9% -4.3% -1% -4.3%;
}    


.menu_3box_child{
    margin: 1% 0%;
}



}


@media only screen and (min-width: 1025px ){ /*-------------------------- 1025px------------------*/
.banner_box_image{
     margin:-3.3% -3.3% 0 -3.3%;
}
    

.banner_box_image_MH{
     margin: -3.3% -6.7% -3.4% -6.7%;
}    
    



.avis_flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
        
}

.avis_flex_tekst{
    width: 100%;
    margin-top: 7%;
    text-align: left;
    
        
}

.avis_billede{
    width: 100%;
    margin-right: 4%;
        
}




}

/******* end CSS #9: Philip menu *******/

/******* start CSS #10: FAQ test *******/

.faq_button {
  background-color: white;
  color: #444;
  cursor: pointer;
  width: 92%;
  border: none;
  text-align: left;
  outline: none;
  margin: 0% 3%;
  position: relative;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .faq_button:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.faq_content {
    margin: 0% 4%;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.faq_headline{
    position: relative;
    margin: 5% 3%;
}

.faq_template_1 h4{
    color: #69a341;
}

/******* end CSS #10: FAQ test *******/

/******* start CSS #18: Hills digestion Ea *******/

.h1-hills-digestion {
   text-align: center;
   color: black;
   width: 60%;
   margin: 25px auto 20px;
   letter-spacing: 1px;
}

@media only screen and (max-width: 600px) {
   .h1-hills-digestion {
       width: 90%;
}
    }

.img-dog-cat-product {
      width: 220px;
      max-width: 65%;
      margin: 20px auto;
  }
  
  .flex-container-products {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.border-images-light-grey {
border: 0.2px solid #e3e3e3;
}

.div-product-links {
    width: 450px;
    margin: auto;
}

.container_knap_hills_explainers {
    width: 280px;
    margin: 30px auto 20px auto;
  }
  
  .video-hills {
      width: 570px;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
  }
  
  .hr-hills {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 1px solid #e3e3e3;
  }
  
/* hills brandside */ 

.HILLS-brandside {
   }

.top-text-hills {
width: 100%;
margin: -10px -10px 2em -10px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 1.8em;
   }

   .top-text-hills div {
     width: 98%;
     max-width: 548px;
     margin: auto;
     text-align: center;
  }

.top-text-hills div p {
  font-size: 17px;
    }

.HILLS-brandside h1 {
  color: #000;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 400;
 }

 .HILLS-brandside h2 {
   color: #0054A4;
   font-size: 21px;
  }

.hills-blue a {
background-color: #0054A4;
color: #fff;
   }


.p-treats {
  padding: 0.5em;
     }

.HILLS-brandside .flexcontainer-standard .category-img-hills {
width: 23%;
margin: 0.3em;
border: 1px solid #e3e3e3;
border-radius: 3px;
padding: 0.3em;
position: relative;
   }

  .HILLS-brandside .flexcontainer-standard .category-img-hills:hover {
     box-shadow: 0 0 11px rgba(33,33,33,.2);
     cursor: pointer;
   }

   .HILLS-brandside .flexcontainer-standard .category-img-hills p {
       color: #0054A4;
       text-align: center;
       font-size: 17px;
       font-weight: 500;
       margin: 0.8em 0;
   }

.HILLS-brandside .flexcontainer-standard .category-img-hills p a {
color: #0054A4;
   }

/* mobil */
@media only screen and (max-width: 600px) {

.HILLS-brandside h1 {
  font-size: 19px;
  }

  .HILLS-brandside .flexcontainer-standard .category-img-hills {
    width: 48%;
    margin: 0.2em;
       }

  .HILLS-brandside .flexcontainer-standard .category-img-hills p {
    font-size: 14px;
       }

       .p-treats {
         padding: 0 0.3em 0.3em 0.3em;
            }

        }


/* Hills flexcontainer med tekst og video*/

.flexcontainer-HILLS-element {
width: 100%;
padding: 1em 0 1em 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
justify-content: center;
}

.flexcontainer-HILLS-element .blue-textbox-div {
width: 49%;
max-width: 590px;
height: auto;
margin: 1em 1em 0 0;
background-color: #0054A4;
position: relative;
padding: 2em;
}

.flexcontainer-HILLS-element .blue-textbox-div div {
width: 80%;
margin: 3em auto;
  }

.flexcontainer-HILLS-element .blue-textbox-div div h2 {
  color: #fff;
  }

.flexcontainer-HILLS-element .blue-textbox-div div p {
  color: #fff;
  font-size: 17px;
  }

  .flexcontainer-HILLS-element .blue-textbox-div div p a {
  color: #fff;
  display: block;
  border: 1px solid #fff;
  width: fit-content;
  padding: 0.3em;
  text-decoration: none!important;
  }

.flexcontainer-HILLS-element .banner-parent-div {
width: 49%;
max-width: 590px;
height: auto;
display: flex;
margin: 1em 0 0 0;
flex-direction: column;
}

/* Ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1026px)  {

.flexcontainer-HILLS-element .blue-textbox-div {
       margin: 0;
   }

  .flexcontainer-HILLS-element .banner-parent-div {
    margin: 0 0 0 1em;
    width: 49%;
}
}

/* Mobil */
@media only screen and (max-width: 690px) {


.flexcontainer-HILLS-element .blue-textbox-div {
    width: 99%;
    margin: 0;
    }

.flexcontainer-HILLS-element .banner-parent-div {
        width: 100%;
            }
            }


.flexcontainer-HILLS-element .banner-parent-div .banner-div-video {
width: 100%;
height: auto;
/*background-color: #d1cfcf;*/
margin: 0 0 1em 0;
}

.flexcontainer-HILLS-element .banner-parent-div .flexcontainer-2-images {
width: 100%;
display: flex;
}

.flexcontainer-HILLS-element .banner-parent-div .flexcontainer-2-images .img-right {
width: 49%;
max-width: 290px;
height: auto;
margin: 0;
background-color: #d1cfcf;
}

.flexcontainer-HILLS-element .banner-parent-div .flexcontainer-2-images .img-left {
width: 49%;
max-width: 290px;
height: auto;
margin: 0 1em 0 0;
background-color: #d1cfcf;
}

/*.flexcontainer-HILLS-element div:hover {
    cursor: pointer;
}*/

/******* end CSS #18: Hills digestion Ea *******/

/******* start CSS #24: Artikel skabeloner *******/

.artikel_dobbelt_spalte h3{
    font: Frutiger LT PRO;
    font-size: 11pt;
    font-family: 75 Black;
    color: #69a341;
}

.artikel_dobbelt_spalte h2{
    font: Frutiger LT PRO;
   /* font-size: 11pt;*/
    font-family: 55 Roman;
    color: black;
}


/* Royal Canin Care landingsside */

.artikel_dobbelt_spalte_text p {
	font-size: 14px;
}
.artikel_dobbelt_spalte_billede_center img {
	padding: 20px 30px;
	border: 3px dashed #d2d2d2;
}
.rcc img {
	border-bottom: 7px solid #d63432;
    border-top: 7px solid #d63432;
}


.artikel_dobbelt_spalte_text h1 {
	margin: 18px 0 9px 0;
}
.artikel_dobbelt_spalte_text ul.usp {
	padding: 0 !important;
	margin: 1.8em 1.5em 2em 3.2em;
}
.artikel_dobbelt_spalte_text ul li {
	list-style: none !important;
	font-size: 17px;
}
.artikel_dobbelt_spalte_text ul li::before {
	content: "✓";
	margin-right: 0.5em;
	margin-left: -1.34em;
	font-size: 20px;
	color: #4db700;
	font-weight: 700;
}
.cta-center {
	display: block;
	text-align: center;
	margin: 30px 0 25px 0;
}
.cta-center a {
	display: inline-block;
	background-color: #558117;
	color: #fff;
	font-size: 19px;
	text-decoration: none;
	padding: 20px 23px;
}
.cta-center a:hover {
	color: #000;
	background-color: #ddd;
}
.artikel_dobbelt_spalte_billede_center {
	text-align: center;
}
.highlight {
	color: #d63432;
}

/******* end CSS #24: Artikel skabeloner *******/