html {
}
body {
	font-family: Lato, serif;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.015em;
	background-color: #f8f8f8;
	max-width: 1150px;
	margin: 0 auto;
}
.main {
	margin: 200px 0;
}

/*
	LATO: 	300 weight = REGULAR
			400 weight = SEMI-BOLD
			700 weight = BOLD
 */
h1 {
	font-family: "Quicksand", serif;
	font-weight: 300;
	font-size: 62px;
	line-height: 64px;
	letter-spacing: 0.015em;
	color: #302e34;
}
h2 {
	font-family: "Quicksand", serif;
	font-weight: 300;
	font-size: 48px;
	line-height: 50px;
	letter-spacing: 0.015em;
	color: #302e34;
}
h3 {
	font-family: "Quicksand", serif;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.015em;
	color: #302e34;
}
h4 {
	font-family: "Lato", serif;
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	letter-spacing: 0.015em;
	color: #302e34;
}
h5 {
	font-family: "Lato", serif;
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	letter-spacing: 0.015em;
	color: #302e34;
}

h6 {
	font-family: "Lato", serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.h7 {
	/*
		footer h
	 */
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.015em;
	color: #302e34;
	padding-bottom: 8px;
}
p {
	color: #302e34;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: #181817;
}

input:focus {
	outline: none;
}

select {
	font-family: Lato, sans-serif;
	font-style: normal;
	font-weight: 400;
	border: 0;
	font-size: 16px;
}
select:focus {
	outline: none;
}

/* HEADERES */

.mobile-header {
	width: 100%;
	background: #302e34;
	justify-content: space-around;
	display: none;
	padding: 20px 0;
	grid-template-columns: 1fr 1fr 1fr;
}
.burger-menu {
	background: #f8f8f8;
	position: fixed;
	display: grid;
	grid-template-columns: 1fr;
	overflow-y: scroll;
	top: 0;
	left: -110%;
	width: 80vw;
	z-index: 2000000;
	min-height: 100vh;
	max-height: 100vh;
	padding: 10px;
	transition: 0.3s ease;
}
.close-burger {
	width: 25px;
	height: 25px;
	margin: 30px 16px;
	transform: rotate(0deg);
	transition: 0.3s ease;
}
.spin-burger {
	transform: rotate(180deg);
}
.menu-container {
	position: relative;
	display: flex;
	flex-direction: column;
}
.menu-container a {
	margin: 10px 16px;
	padding: 5px;
}

.mobile-sub-dropdown {
	height: 0;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	transition: 0.4s ease;
}
.show-mobile-products {
	height: 400px;
}
.mobile-dropdown-link {
	display: flex;
	justify-content: space-between;
}
.show-mobile-prints {
	height: 220px;
}
.mobile-footer-container {
	justify-content: end;
}
.mobile-footer {
	border-top: 1px solid #98969a;
	display: flex;
	flex-direction: column;
	align-self: end;
	margin-top: 50%;
	margin-bottom: 45%;
}
.mobile-shopping-counter {
	position: absolute;
	right: 12px;
	top: 48px;
	background-color: #fff2d8;
	border: 1px solid #302e34;

	border-radius: 50%;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
}
.mobile-footer a {
	margin: 10px 16px;
	padding: 5px;
}
.overlay {
	opacity: 40%;
	z-index: 1;
	background: black;
	top: 0;
	left: -100%;
	width: 100vw;
	position: fixed;
	transition: 0.2s ease;
	height: 100%;
}
.mobile-dropdown-chevron-down {
	transform: rotate(0);
	margin-right: 16px;
	transition: 0.25s ease;
}

.mobile-dropdown-chevron-up {
	transform: rotate(180deg);
	transition: 0.25s ease;
}

.show {
	left: 0;
}

.mobile-header-container {
	justify-self: center;
	align-self: center;
}
.mobile-header-button-container {
	justify-self: center;
	align-self: center;
}

.header {
	background: #302e34;
	width: 100%;
	height: 152px;
	position: absolute;
	margin-bottom: 10px;
	left: 0;
	top: 0;
}
.header-links {
	display: flex;
	justify-content: space-around;
}
.header-links-container {
	display: flex;
	justify-content: space-between;
}
.header-links-item {
	color: #cbcacc !important;
	margin: 14px 28px;
}

.header-logo {
	text-align: center;
	margin-top: 10px;
}
.header-hours {
	padding-left: 25px;
	background-image: url("/images/icons/clock.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.header-shoppingcart {
	padding-left: 25px;
	background-image: url("/images/icons/shopping.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.menu {
	position: relative;
	top: 150px;
	width: 100%;
	max-width: 1150px;
	margin: 16px 0;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #98969a;
}

.menu-item-box {
	white-space: nowrap;
	padding-bottom: 11px;
	border-bottom: 3px solid transparent;
}
.menu-item {
	text-align: center;
	margin: 3px 11px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #45404b;
}
.search-icon {
	width: 18px;
	width: 18px;
	display: flex;
	margin: 1px 11px;
	justify-items: flex-start;
}
.menu div:hover {
	cursor: pointer;
	border-bottom: 3px solid #302e34;
}

div .filler {
	width: 100%;
}
div .filler:hover {
	cursor: default;
	border-bottom: none;
}
.menu div .menu-dropdown {
	display: none;
	position: absolute;
	width: 190px;
	top: 34px;
	text-align: left;
	border-top: none;
	border: 2px solid #cbcacc;
	background: #ffffff;
	padding: 20px 20px;
	box-shadow: 0px 0px 10px rgba(38, 37, 36, 0.1);
	z-index: 1000;
}
.menu div .menu-dropdown a {
	text-align: left;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	margin: 0;
	/* Deep ash 100 */
	margin: 8px 0;
	color: #838285;
}
.menu div .menu-dropdown a:hover {
	font-weight: 900;
	color: #302e34;
}
.menu div:hover .menu-dropdown {
	display: flex;
	flex-direction: column;
}

.first-header {
	background-color: #302e34;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.first-header p {
	color: #cbcacc;
	font-size: 16px;
}
.first-header a {
	color: #ffffff;
	font-size: 16px;
	margin-right: 50px;
	padding-bottom: 1%;
	padding-top: 12px;
	display: inline-block;
}

.first-header-container {
	display: flex;
	justify-content: space-between;
	padding-left: 3%;
	padding-top: 0.3%;
}

.second-header {
	border-bottom: 1px solid #7a7a7a;
	font-size: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr 1fr 1fr;
	margin-bottom: 56px;
	width: 100%;
}

.second-header > .second-header-item {
	align-self: flex-end;
}

.second-header-item {
	flex-grow: 0;
	text-align: center;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}

.second-header-item:hover .header-link {
	font-weight: bold;
	border-bottom: solid 3px black;
	padding-bottom: 10px;
}

.second-header-item:hover .dropdown {
	display: flex;
	margin-top: 13px;
	flex-direction: column;
	z-index: 1000;
}

.dropdown {
	display: none;
	text-align: left;
	position: absolute;
	background: #ffffff;
	margin-left: 20%;
	flex-direction: row;
	border: 2px solid #cbcacc;
	width: 150%;
	padding-top: 15%;
}
.dropdown-content {
	padding: 5% 10% 5% 5%;
}
.dropdown-content:hover {
	font-weight: bold;
}
.search-dropdown {
	position: relative;
	top: 150px;
	width: 100%;
	height: 137px;
	margin: 0 auto;
	display: none;
	z-index: 100;

	background-image: url("/images/icons/search.svg");
	background-repeat: no-repeat;
	background-position: 28% 98%;
	background-size: 35px 35px;
}

.searchbar {
	display: flex;
	justify-content: center;
	align-self: flex-end;
	margin: 0 auto;
	padding-bottom: 8px;

	width: 420px;
	height: 26px;
	border-bottom: 1px solid black;
}
.searchbar-input {
	outline: none;
	background-color: transparent;
	border: 1px solid transparent;

	width: 190px;
	height: 100%;
	margin: 0 auto;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.searchbar-input::placeholder {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0.015em;
	color: #838285;
}

.show-search {
	display: flex;
}
.close-search {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 320px;
	bottom: 5px;
}
.results-dropdown {
	margin: 0 auto;
}
.search-result {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-bottom: 5%;
	top: 167px;
	max-width: 900px;
	min-height: 830px;

	background: #ffffff;
	margin: 0 auto;
	border: 2px solid #cbcacc;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 30% 70%;
	justify-content: space-between;
}
#search-result {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 24px;
	row-gap: 16px;
	padding-bottom: 15%;
}
.search-btn {
	border: 2px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 20px 43px;
}
.empty-state {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 125.56%;
	letter-spacing: 0.015em;
	color: #838285;
}
.search-title {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #302e34;
}
.search-sider {
	width: 30%;
	margin: 54px 0 0 54px;
}
.search-produkter {
	width: 70%;
	margin: 54px 54px 0 0;
}

@media screen and (max-width: 900px) {
	.search-result {
		justify-content: center;
		grid-template-columns: 1fr;
		width: 100%;
	}
	.close-search {
		width: 23px;
		height: 23px;
		right: 16px;
	}

	.search-title {
		text-align: center;
	}
	.search-sider {
		width: 100%;
		margin: 0;
	}
	.search-produkter {
		width: 100%;
		margin: 0;
	}
	#search-result {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 4px;
		row-gap: 16px;
		justify-content: center;
	}
	.search-result {
		top: 100px;
		padding-bottom: 10%;
	}
	.search-products-card {
		justify-self: center;
	}
	.search-btn {
		margin: 8px;
	}
	a.search-btn {
		font-family: Lato, serif;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		letter-spacing: 0.015em;
		text-transform: uppercase;
		color: #302e34;
	}
}

/*
	FOOTER
 */
.footer {
	border-top: 1px solid #7a7a7a;
	display: grid;
	grid-template-columns: repeat(3, minmax(210px, 230px));
	padding-top: 80px;
	padding-bottom: 80px;
	justify-content: space-between;
	width: 100%;
}
.footer-child {
	display: flex;
	flex-direction: column;
	max-width: 230px;
	padding-bottom: 50px;
}
.footer-child p {
	margin-block-start: 0px;
	margin-block-end: 0px;
	padding-bottom: 5px;
}
.footer-child a {
	padding-bottom: 5px;
}
#newsletter-form {
	display: flex;
	flex-direction: row;
	width: 50%;
}
#newsletter-input {
	flex-grow: 2;
	border: 1px solid #7a7a7a;
	border-radius: 2px;
	padding: 5px;
}

/* INDEX */
.section-title {
	text-align: center;
	margin-top: 64px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #302e34;
}
.index-banner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 32px;
	justify-content: space-between;
}

.index-header {
	display: flex;
	width: 559px;
	height: 537px;
	background-image: url("/images/pages/index/header_1.png");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center right;
	background-size: cover;
}
.header-print {
	background-image: url("/images/pages/index/header_2.png");
}
.header-container {
	width: 396px;
	margin: 40px 32px;
	display: inline-block;
	align-self: flex-start;
}
.end-alignment {
	align-self: flex-end;
}
.header-container-h2 {
	margin: 5px 0;
	color: #ffffff;
}
.overline {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #fff2d8;
}
.index-about-photo {
	max-height: 453px;
}
.dark {
	color: #302e34;
}
@media screen and (max-width: 900px) {
	.section-title {
		margin: 1em;
	}
	.search-dropdown {
		top: 0px;
		height: 80px;
		background-position: 5% 90%;
		background-size: 20px 20px;
	}
	.searchbar {
		max-width: 270px;
	}
	.smaller {
		font-size: 45px;
	}
	.index-banner {
		grid-template-columns: 1fr;
		row-gap: 32px;
		margin: 0 16px;
		margin-top: 40px;
		margin-bottom: 96px;

		justify-content: center;
	}
	.index-header {
		width: 100%;
		background-position: center left;
	}
	.header-container {
		width: 100%;
		margin: 40px 16px;
	}
}

/*MINE SIDER*/
.mine-sider-main {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 39px;
}
.mine-sider-nav {
	max-width: 412px;
	max-height: 113px;
	background: #ffffff;
	border: 2px solid #cbcacc;
	padding: 32px 0 23px 16px;
}
.mine-sider-nav > h5 {
	margin-bottom: 8px;
}
.mine-sider-nav > p {
	margin: 0;
}
.mine-sider-orders {
	width: 100%;
	background: #ffffff;
	padding: 16px 16px 0 16px;
}
.mine-sider-order-title {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	border-bottom: 2px solid #cbcacc;
}
.my-profile-header {
	margin-bottom: 56px;
}
.my-profile-header > h1 {
	margin: 0;
	margin-bottom: 24px;
}
.my-profile-header > p {
	margin: 0;
}
.mine-sider-order {
	cursor: default;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	border-bottom: 1px solid #cbcacc;
}
.mine-sider-order:last-child {
	border-bottom: none;
}
.mine-sider-order > p {
	justify-self: right;
	margin-right: 10px;
	cursor: pointer;
	align-self: center;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
}
.order-header {
	margin: 0;
	margin-bottom: 15px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 125.56%;
	letter-spacing: 0.015em;
	color: #302e34;
}
.mine-sider-order > div > .order-header {
	display: none;
}

.order-info {
	margin-top: 109px;
	max-width: 800px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.order-info > h1 {
	margin-bottom: 109px;
	border-bottom: 1px solid black;
}
.order-info > div > h6 {
	margin: 8px 0;
	font-weight: 600;
}
.order-info p {
	margin: 0;
}
.my-order-container {
	background: #ffffff;
	padding: 16px 16px 0 16px;
	margin: 64px 0;
}
.my-order-items-header {
	display: grid;
	grid-template-columns: 55px auto 100px 100px;
	padding-bottom: 15px;
	border-bottom: 2px solid #cbcacc;
}
.my-order-items-header > h6 {
	margin: 0;
}
.my-order-items-header > h6:nth-child(n + 2) {
	justify-self: left;
}
.my-order-items > img {
	grid-area: img;
	width: 48px;
	height: 48px;
}
.my-order-items > p:nth-child(2) {
	grid-area: desc;
}
.my-order-items > p:nth-child(3) {
	grid-area: qnt;
}
.my-order-items > p:nth-child(4) {
	grid-area: amount;
}
.my-order-items {
	display: grid;
	grid-template-columns: 55px auto 100px 100px;
	grid-template-areas: "img desc qnt amount";
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #cbcacc;
}
/* .my-order-items p:nth-child(n+3){
	justify-self: left;
}
.my-order-items:last-child{
	border-bottom: none;
}
.my-order-items > img{
	width: 48px;
	height: 48px;
} */
.my-profile {
	padding: 24px;
	background: #ffffff;
	border: 2px solid #cbcacc;
	max-width: 525px;
}
.my-profile-static {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 389px;
	padding: 24px;
}
.my-profile-static-container {
	margin: 0;
}
.my-profile-static-container > div:nth-child(n + 1) {
	margin: 24px 0;
}
.my-profile-static-container > div > h6 {
	font-weight: 600;
	color: #302e34;
}
.my-profile-static-container > div > h6,
.my-profile-static-container > div > p {
	margin: 8px 0;
}
.change-personalia-btn-container {
	display: grid;
	grid-template-columns: 190px 190px;
	justify-content: right;
	margin-right: 10px;
	margin-top: 96px;
	grid-gap: 16px;
}

.change-personalia-btn {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;

	justify-self: right;
	width: 190px;
	height: 56px;
	background: #ffffff;
	border: 2px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer;
	outline: 0;
}
.btn-save {
	background: #302e34;
	color: #fff2d8;
}
@media screen and (max-width: 900px) {
	.single-order {
		margin: 12px 16px;
	}
	.mine-sider-main {
		margin: 12px 16px;
	}
	.my-order-items-header {
		display: none;
	}
	.my-order-items > p:nth-child(2) {
		margin: 0 16px;
		align-self: end;
	}
	.my-order-items p:nth-child(n + 3) {
		justify-self: right;
	}

	.my-order-items {
		display: grid;
		grid-template-columns: 50px 1fr 1fr 1fr;
		grid-template-areas:
			"img desc desc desc "
			". . qnt amount";
		margin: 10px 0;
		padding: 10px 0;
		border-bottom: 1px solid #cbcacc;
	}

	.my-profile-header {
		margin: 12px 16px 54px 16px;
	}
	.order-info {
		grid-template-columns: 1fr 1fr;
		row-gap: 48px;
	}
	.my-profile-static {
		grid-template-columns: 1fr;
	}
	.my-profile {
		margin: 12px 16px;
	}
	.change-personalia-btn-container {
		margin: 0 10px;
		grid-template-columns: 1fr;
		justify-content: center;
	}
	.change-personalia-btn {
		width: 100%;
	}

	.mine-sider-order-title {
		display: none;
	}
	.mine-sider-orders {
		width: auto;
		margin: 0 16px;
		background: #ffffff;
		padding: 0;
		padding-top: 8px;
	}

	.mine-sider-order {
		display: grid;
		grid-template-columns: 1fr 1fr;
		border-bottom: 2px solid #cbcacc;
		margin: 0;
		padding: 24px;
		grid-gap: 32px;
	}
	.mine-sider-order > div > .order-header {
		display: inline;
	}

	.mine-sider-order > div > p {
		margin: 8px 0;
	}
	.mine-sider-order > p {
		display: none;
	}
}

/* HVA KAN VI HJELPE DEG MED */
.card-grid-container {
	display: grid;
	gap: 61px 48px;
	justify-items: center;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.card-container {
	outline: 2px solid #cbcacc;
	text-align: center;
	width: 343px;
	height: 440px;
}
.card {
	position: relative;
	height: inherit;
}
.card-img {
	display: block;
	width: 100%;
	height: auto;
}
.card-overlay {
	position: absolute;
	color: black;
	background-color: #f8f8f8;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 28%;
	transition: 0.25s ease;
}
.card-title {
	font-weight: 600;
	margin-bottom: 0.5em;
	padding-bottom: 0;
}
.card-price {
	margin-top: 0.5em;
	padding-top: 0;
}
.card-hover-content {
	display: flex;
	margin-top: 34px;
	justify-content: center;
}
.card-hover-text {
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid black;
	align-self: center;
}

.card:hover .card-overlay {
	height: 40%;
}

/* CUSTOM GRID */
.CMS-grid {
	margin: 160px 0;
	display: grid;
	gap: 48px 24px;
	grid-template-columns: 1.5fr 1fr;
	grid-template-areas:
		"box-a img-a"
		"img-b box-b";
}
.box-a {
	grid-area: box-a;
}
.img-a {
	grid-area: img-a;
}
.box-b {
	grid-area: box-b;
}
.img-b {
	grid-area: img-b;
}
.img-a,
.img-b {
	object-fit: cover;
	width: 100%;
}
.CMS-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.CMS-box-content {
	padding: 32px;
	display: flex;
	flex-direction: column;
}
.CMS-box-content > h2 {
	margin: 8px 0;
}
.CMS-box-content > p {
	margin: 8px 0;
	max-width: 305px;
}
.cms-card-img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 900px) {
	.CMS-grid {
		margin: 96px 16px;
		row-gap: 8px;
		justify-content: center;
		grid-template-columns: 1fr;
		grid-template-areas:
			"box-a"
			"img-a"
			"box-b"
			"img-b";
	}
	.CMS-box {
		height: 462px;
	}
	.CMS-box:nth-child(3) {
		margin-top: 64px;
	}
	.CMS-box-content {
		padding: 16px;
	}
}

/* CMS-selectable stuff */
/* Theme One */
.theme-one {
	background-color: #302e34;
}

.theme-one .content-a h2,
.theme-one .content-b h2,
.theme-one .content-a a p,
.theme-one .content-b a p {
	color: #fff2d8;
}

.theme-one .content-a p,
.theme-one .content-b p {
	color: #ffffff;
}

.theme-one .content-a img.arrow-dark,
.theme-one .content-b img.arrow-dark {
	display: none;
}

/* Theme Two */

.theme-two {
	background-color: #dcc4c1;
}

.theme-two .content-a h2,
.theme-two .content-b h2,
.theme-two .content-a a p,
.theme-two .content-b a p {
	color: #302e34;
}

.theme-two .content-a img.arrow-light,
.theme-two .content-b img.arrow-light {
	display: none;
}

.theme-two .content-a p,
.theme-two .content-b p {
	color: #302e34;
}

/* Theme Three */
.theme-three {
	background-color: #45404b;
}

.theme-three .content-a h2,
.theme-three .content-b h2,
.theme-three .content-a a p,
.theme-three .content-b a p {
	color: #fff2d8;
}

.theme-three .content-a img.arrow-dark,
.theme-three .content-b img.arrow-dark {
	display: none;
}

.theme-three .content-a p,
.theme-three .content-b p {
	color: #ffffff;
}

/* Theme four */
.theme-four {
	background-color: #cbcacc;
}

.theme-four .content-a h2,
.theme-four .content-b h2,
.theme-four .content-a a p,
.theme-four .content-b a p {
	color: #302e34;
}

.theme-four .content-a img.arrow-light,
.theme-four .content-b img.arrow-light {
	display: none;
}

.theme-four .content-a p,
.theme-four .content-b p {
	color: #302e34;
}

/* Theme five */
.theme-five {
	background-color: #e0e0e1;
}

.theme-five .content-a h2,
.theme-five .content-b h2,
.theme-five .content-a a p,
.theme-five .content-b a p {
	color: #302e34;
}

.theme-five .content-a img.arrow-light,
.theme-five .content-b img.arrow-light {
	display: none;
}

.theme-five .content-a p,
.theme-five .content-b p {
	color: #302e34;
}

.box-link-a {
	cursor: pointer;
	display: flex;
}
.box-link-a p {
	border-bottom: 1px solid #fff2d8;
	color: #fff2d8;
	font-weight: bold;
}
.box-link-b {
	cursor: pointer;
	display: flex;
}
.box-link-b p {
	border-bottom: 1px solid #302e34;
	font-weight: bold;
}
/* POPULÆRE PRODUKTER */
.horizontal-slider {
	display: flex;
	justify-content: space-between;
}
.slider-container {
	width: 210px;
	height: 296px;
	border: 2px solid #cbcacc;
	box-sizing: border-box;
	padding: 16px 18px;
}
.slider-product {
	text-align: center;
}
.slider-product-brand {
	margin: 14px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
}
.slider-product-description {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	margin-bottom: 2px;
}

.slider-product-price {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	margin: 0;
}

/* CONTACT SECTION */
.contact-section {
	margin: 10% 0;
	display: grid;
	gap: 48px 24px;
	grid-template-columns: 1fr 1fr;
}
.contact-grid-box {
	text-align: left;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	background: #cbcacc;
}
.contact-grid-img {
	display: block;
	width: 100%;
}

.contact-box-content {
	margin: 32px;
}
.contact-box-text {
	width: 70%;
}

@media screen and (max-width: 670px) {
	.card-grid-container {
		justify-content: center;
		grid-gap: 24px;
		margin-bottom: 90px;
	}

	.card-container {
		width: fit-content;
		margin: 0 16px;
	}

	.box-link-a {
		justify-content: right;
	}
	.box-link-a p {
		border-bottom: 1px solid #fff2d8;
		color: #fff2d8;
		font-weight: bold;
	}

	.box-link-b {
		color: #302e34;
		justify-content: right;
	}
	.box-link-b p {
		border-bottom: 1px solid #302e34;
		font-weight: bold;
	}

	/* POPULÆRE PRODUKTER */
	.horizontal-slider {
		display: inline-flex;
		gap: 24px;
		flex-direction: row;
		width: 100%;
		overflow-x: scroll;
	}

	/* KONTAKT-SECTION */
	.contact-section {
		margin: 0;
		display: grid;
		gap: 0 0;
		grid-template-columns: 1fr;
	}
	.contact-grid-box {
		width: fit-content;
		margin: 12px 16px;
		text-align: center;
	}

	.contact-grid-img {
		object-fit: cover;
		width: 100%;
	}
	.contact-box-content {
		width: fit-content;
	}
	.contact-box-text {
		width: 100%;
	}
}

/* ---------------------------- */
.products-content {
	max-width: 600px;
}
.popular-products-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	grid-gap: 24px;
}
.popular-products {
	border: 1px solid #e7e7e7;
	background-color: #fefefe;
	text-align: center;
}
.popular-products img {
	margin-top: 16px;
	margin-bottom: 12px;
}
.brand {
	color: #7a7a7a;
}
.price {
	color: #7a7a7a;
}
.help-container {
	display: flex;
	margin-bottom: 80px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.help-cards {
	position: relative;
	border: 1px solid #e7e7e7;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 5px;
}
.help-hover {
	background-color: #ffffff;
}
.help-title {
	display: none;
}
.help-cards:hover .help-hover {
	margin-top: -39px;
}

.help-cards:hover .help-title {
	display: block;
	transition: all ease 1s;
}
.card-arrow {
	margin-left: 10px;
}

/*
	PRODUCTS
 */
.fat {
	background: #302e34;
	color: #fff2d8;
}

.pages {
	grid-column: 1/-1;
	justify-self: center;
	width: 16%;
	display: flex;
	justify-content: space-around;
	cursor: pointer;
}

.page-circle {
	border: 1px solid #302e34;
	border-radius: 30px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-family: Lato, serif;
	margin: 0 2px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.015em;
}

.page-circle:last-child {
	margin-left: 20px;
}

.filterbox {
	display: block;
	position: relative;
	padding-left: 28px;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.filter-checked {
	font-weight: bold;
}
.filterbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #302e34;
	border-radius: 2px;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.filterbox input:checked ~ .checkmark:after {
	display: block;
}
.filterbox .checkmark:after {
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	background-image: url("/images/icons/checked.svg");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center center;
	background-size: contain;
}

.product-filter {
	grid-area: filter;
	margin-top: 40px;
}
.filter-subtitle {
	margin-top: 32px;
	padding-bottom: 8px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #302e34;
}
.underline {
	border-bottom: 1px solid #98969a;
}
.mobile-filter-menu {
	display: none;
}

.mobile-search {
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
	height: 64px;
}
.mobile-filter-btn {
	display: none;
}
.product-counter {
	display: inline;
	align-self: flex-end;
	margin: 0;
}
@media screen and (max-width: 900px) {
	.mobile-filter-menu {
		height: 100vh; /* Fallback for browsers that do not support Custom Properties */
		width: 100vw;
		position: fixed; /* Stay in place */
		z-index: 1000001 !important; /* Sit on top */
		left: 0;
		top: 0;
		background: white;
		overflow-x: hidden; /* Disable horizontal scroll */
		display: none;
		flex-direction: column;
		justify-content: space-between;
	}
	.mobile-filter-header {
		width: 100%;
		text-align: center;
	}
	.mobile-filter-header > h5 {
		padding: 20px 0;
		border-bottom: 1px solid #98969a;
		margin: 0 12px;
	}
	.mobile-filter-content {
		width: 100vw;
		overflow-y: scroll;
	}
	.btn-container {
		width: 100%;
		height: 60px;
	}
	.mobile-filter-btn {
		font-family: Lato, serif;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		letter-spacing: 0.015em;
		text-transform: uppercase;
		color: #302e34;
		outline: 0;
		border: 2px solid #302e34;
		box-sizing: border-box;
		border-radius: 4px;
		width: auto;
		margin: 0 12px 10px 12px;
		padding: 20px 0;
	}
	.filterbox {
		margin: 32px 0;
	}
	.show-mobile-filter-menu {
		display: flex;
	}
	.product-counter {
		display: none;
	}
	.filter-content {
		max-height: 70vh;
		overflow-y: scroll;
	}
	.mobile-filter-btn {
		display: inline;
		margin: 0 12px;
	}

	.close-filter-search {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 20px;
		right: 20px;
	}

	.select-filters {
		position: sticky;
		bottom: 10px;
		width: 90%;
		padding: 20px 0px;
		margin: 16px 12px;
		outline: 0;
		border: 2px solid #302e34;
		box-sizing: border-box;
		border-radius: 4px;
	}
	.mobile-filter-categories {
		margin: 0 16px;
	}
}
.custom-product-banner {
	display: flex;
	margin-bottom: 40px;
	align-items: center;
}
.custom-product-banner > div {
	margin: 0 20px;
}
.custom-product-banner > img {
	object-fit: scale-down;
	width: 400px;
}

.product-title {
	grid-area: title;
	margin: 0;
	max-width: 90vw;
}
.product-title > h1 {
	overflow-wrap: break-word;
	margin: 0;
}
.product-title-desc {
	max-width: 430px;
}
#product-body {
	display: grid;
	justify-content: space-between;
	grid-gap: 27px;
	margin-top: 16px;
	grid-template-columns: repeat(auto-fit, 164px);
}
.product-result-grid {
	grid-area: result;
	position: relative;
}
.sorted-dropdown {
	position: absolute;
	right: 0;
	width: 306px;
}
.product-page {
	display: grid;
	column-gap: 40px;
	grid-template-columns: 180px auto;
	grid-template-areas:
		"filter title"
		"filter result";
}
@media screen and (max-width: 900px) {
	.custom-product-banner {
		flex-direction: column;
	}
	.custom-product-banner > div {
		margin: 0;
	}
	.custom-product-banner > div > h1 {
		font-size: 55px;
		margin: 20px 0;
	}
	.custom-product-banner > img {
		width: 100%;
	}

	.product-page {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"title"
			"result";
	}
	.sorted-dropdown {
		right: 0;
		width: 100%;
		max-width: 244px;
		padding-bottom: 10%;
		margin: 0 12px;
	}

	#product-body {
		justify-content: center;
	}
	.product-filter {
		display: none;
	}
	.product-title {
		margin: 12px 16px;
	}
}
.remove {
	display: none;
}

.shop-container {
	display: flex;
	flex-direction: row;
}
.product-container {
	margin-left: 5%;
}
.checkbox {
	width: 100%;
	display: inline-block;
}
.box {
	width: 16px;
	height: 16px;
	border: 1px solid #262524;
	box-sizing: border-box;
	border-radius: 2px;
}
.product-inner-header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #262524;
	width: 100%;
}
.sort {
	display: flex;
	flex-direction: row;
}
.product-body {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}
.pick-product-title {
	grid-area: title;
	align-self: end;
	margin: 10px 0;
}
.pick-product-img {
	max-width: 280px;
	grid-area: img;
}
#expandedImg {
	width: 280px;
	height: 280px;
	object-fit: scale-down;
	outline: 2px solid #cbcacc;
	margin-bottom: 33px;
	cursor: pointer;
}
.pick-product-img-small {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 12px;
}
.pick-product-img-small > img {
	cursor: pointer;
	width: 54px;
	height: 54px;
	outline: 1px solid #cbcacc;
}

.pick-product-info {
	grid-area: info;
	max-width: 355px;
}
.pick-product-container h3 {
	font-family: Quicksand;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.pick-product-info p {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #302e34;
}

p.pick-product-price {
	font-family: Lato, serif;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.015em;
	color: #302e34;
}

.pick-product-price strong {
	font-weight: bold;
}

.pick-product-basket {
	grid-area: basket;
	display: flex;
	flex-direction: column;
}
.basket-line {
	width: 100%;
	display: flex;
	align-content: center;
}

.pick-product-container {
	display: grid;
	grid-template-areas:
		"img title"
		"img info"
		". basket";
	max-width: 700px;
	column-gap: 50px;
	margin: 0 auto;
}

.product-link {
	display: flex;
	width: auto;
	margin-bottom: 42px;
}
.product-link a {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #cbcacc;
}
.product-link a:last-child {
	color: #302e34;
}

.price {
	font-weight: bold;
	color: #262524;
}

.amount-to-cart::-webkit-outer-spin-button,
.amount-to-cart::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.amount-to-cart {
	-moz-appearance: textfield;
	background: #ffffff;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 6px;
	width: 56px;
	height: 56px;
	text-align: center;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #262524;
}
.add-to-cart {
	outline: 0;
	background: #302e34;
	border-radius: 4px;
	padding: 20px 38px;
	min-width: 220px;
	cursor: pointer;
	position: relative;
	height: 56px;
	margin-left: 16px;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #fff2d8;
}
.add-to-cart:hover {
	background: #3a383e;
}
.to-cart-first {
	margin: auto auto;
	position: absolute;
	top: 17px;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff2d8;
	opacity: 100;
	transition: 0.5s ease;
}
.to-cart-first-hidden {
	opacity: 0;
	transition: 0.5s ease;
}
.add-to-favorit {
	width: 30px;
	height: 30px;
	margin-left: 16px;
	align-self: center;
}
.not-in-store {
	outline: 0;
	border: 1px solid #e0e0e1;
	background: #e0e0e1;
	border-radius: 4px;
	padding: 20px 38px;
	min-width: 220px;
	cursor: not-allowed;
	position: relative;
	height: 56px;
	margin-left: 16px;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #838285;
}
.storage-status,
.storage-error {
	margin: 6px 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.015em;
	color: #45404b;
}
.storage-error {
	color: #e94e4e;
}
.related-products {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 24px;
}
.search-products-card {
	width: 165px;
	min-height: 233px;
	height: auto;
	border: 2px solid #cbcacc;
	background-color: #ffffff;
	justify-self: center;
}
.search-img {
	width: 130px;
	height: 127px;
}
.search-product-brand {
	margin-top: 0;
	margin-bottom: 8px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #98969a;
}
.related-products-card {
	width: 207px;
	height: 293px;
	border: 2px solid #cbcacc;
	background-color: #ffffff;
}
.products-card {
	max-width: 164px;
	width: auto;
	height: auto;
	border: 2px solid #cbcacc;
	background-color: #ffffff;
}
.product-card-container {
	margin: 16px 17px;
	display: flex;
	height: auto;
	flex-direction: column;
}
.product-img {
	width: 174px;
	height: 171px;
	object-fit: scale-down;
}
.products-img {
	width: 130px;
	height: 130px;
	object-fit: scale-down;
}
.related-products-card img {
	width: 100%;
	object-fit: contain;
}
.product-brand {
	margin-top: 5px;
	margin-bottom: 8px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #98969a;
}
.product-name {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.015em;
	color: #302e34;
}
.product-price {
	margin-top: 5px;
	justify-content: flex-end;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #45404b;
}
.modal {
	display: block;
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}
.modal-content {
	background-color: #f4f4f4;
	position: relative;
	margin: 10% auto;
	padding: 50px;
	width: 500px;
	height: auto;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.2);
	animation-name: modalopen;
	animation-duration: 0.25s;
}
@keyframes modalopen {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.modal-img {
	width: 100%;
}
.modal-nav {
	position: absolute;
	display: flex;
	width: 100%;
	top: 50%;
	left: 0;
	justify-content: space-between;
}
.modal-nav-btn {
	outline: 0;
	border: 0;
	background-color: transparent;
}
.modal-arrow {
	cursor: pointer;
	padding: 0 5px;
	width: 32px;
	height: 32px;
}
.modal-arrow.right {
	transform: rotate(180deg);
}
.close-modal {
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 32px;
	height: 32px;
}

@media screen and (max-width: 900px) {
	.pick-product-container {
		grid-template-areas:
			"title"
			"img"
			"info"
			"basket";
		width: auto;
		padding: 0 18px;
	}
	.product-link {
		display: none;
	}
	.slider-margin {
		margin: 0 16px;
	}
	.related-products {
		overflow-x: scroll;
	}

	.add-to-favorit {
		display: none;
	}
	.pick-product-title {
		white-space: normal;
	}
	.pick-product-img {
		max-width: 100%;
		justify-self: center;
	}
	#expandedImg {
		width: 100%;
		outline: 2px solid #cbcacc;
		margin-bottom: 33px;
	}

	.modal {
		display: block;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background: rgba(0, 0, 0, 0.5);
	}
	.modal-content {
		background-color: #f4f4f4;
		position: relative;
		margin: 50% 18px;
		padding: 50px;
		width: auto;
		height: auto;
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2),
			0 7px 20px 0 rgba(0, 0, 0, 0.2);
		animation-name: modalopen;
		animation-duration: 0.25s;
	}
	@keyframes modalopen {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	.modal-img {
		width: 100%;
	}
	.close-modal {
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 40px;
		height: 40px;
	}
}
/* DIGITALISERING OG RESTAURERING */
.grid-container {
	margin: 10% auto;
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-box {
	width: fit-content;
}
.left-end {
	text-align: left;
	align-self: end;
}

.grid-img {
	object-fit: cover;
	width: 100%;
}

.digitalisering-column {
	margin-top: 48px;
	width: 60%;
	text-align: left;
}
.digitalisering-column > p {
	max-width: 500px;
}
.column {
	width: 60%;
	text-align: left;
}
.rep-title {
	grid-area: title;
	align-self: center;
	height: min-content;
}
.rep-img {
	grid-area: img;
}
.rep-desc {
	grid-area: desc;
	width: 80%;
}
.rep-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 130px auto;

	grid-template-areas:
		"title img"
		"desc img";
	margin-bottom: 16px;
}
.rep-about {
	margin-top: 200px;
}
.rep-image-secondary {
	max-width: 434px;
}
.rep-title-mobile {
	display: none;
}
@media screen and (max-width: 800px) {
	.grid-container {
		margin-top: 10%;
		display: grid;
		gap: 0;
		grid-template-columns: 1fr;
	}
	.rep-about {
		margin-top: 84px;
	}
	.rep-title-mobile {
		display: inline-block;
	}
	.rep-title-mobile > h1 {
		margin: 0;
		font-size: 58px;
	}
	.rep-desktop {
		display: none;
	}

	.rep-grid {
		margin: 12px 16px;
		grid-template-columns: 1fr;
		grid-template-areas:
			"title"
			"img"
			"desc";
		margin-bottom: 16px;
	}

	.grid-box {
		width: fit-content;
		margin: 12px 16px;
		text-align: left;
		word-break: break-word;
	}
	.grid-box-content h1 {
		font-size: 40px;
	}
	.grid-box-content h2 {
		margin: 0;
	}
	.about-margin {
		margin-top: 160px;
	}

	.grid-img {
		object-fit: cover;
		width: 100%;
	}
	.column {
		width: fit-content;
		margin: 12px 16px;
	}
	.column h2 {
		font-size: 36px;
	}
}

/* PASSFOTO */
.pricing {
	justify-self: end;
}
.closed-warning-container {
	display: grid;
	margin: 5% 5%;
	padding: 40px;
	box-sizing: border-box;
	background-color: #dcc4c1;
	width: 90%;
	grid-template-rows: minmax(50px, auto) min-content;
	grid-template-areas:
		"title img"
		"desc img";
	justify-items: stretch;
	grid-column-gap: 47px;
	grid-row-gap: 24px;
	align-items: stretch;
	position: relative;
}
.closed-warning-photo {
	position: absolute;
	right: 0;
	bottom: 0;
}
.closed-warning-link {
	text-decoration: underline;
	font-weight: 700;
}
.closed-warning-title {
	font-weight: 700;
	font-size: 28px;
}

.grid-pricing {
	width: 391px;
	height: 760px;
	border: 1px solid #302e34;
}
.grid-pricing h4 {
	text-align: center;
	align-self: center;
}
.pricing-header {
	background: #302e34;
	padding: 24px 108px 16px 24px;
}
.pricing-header p {
	margin: 0;
	color: #ffffff;
	text-transform: uppercase;
}
.pricing-header h5 {
	margin: 0;
	font-size: 23px;
	color: #fff2d8;
}
.pricing-main {
	text-align: center;
}
.pricing-content {
	margin: 24px;
}
.pricing-container {
	display: flex;
	justify-content: space-between;
	margin: 20px;
	border-bottom: 1px solid #cbcacc;
}
.pricing-container h4 {
	margin: 2px 0 24px 0;
}
.price-title {
	margin: 2px;
}
.price-caption {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	margin: 2px;
	letter-spacing: 0.015em;
	color: #838285;
}
.sample-img-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8px 0;
}
.client-list h6 {
	margin: 16px 0;
}
.client-list {
	margin: 0;
}
@media screen and (max-width: 670px) {
	.grid-pricing {
		width: 90vw;
		text-align: left;
		justify-content: stretch;
	}
	.pricing {
		justify-self: center;
	}
	.pricing-container div {
		width: 150px;
	}
	.pricing-header {
		padding: 10px 10px;
	}
	.sample-img-container {
		justify-content: center;
	}
}
/* PRINT */

.wall-print-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	margin-bottom: 4%;
}
.wall-print-text-container {
	max-width: 45%;
}
.print-artsy-container {
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
		"left top top sidetop"
		"left bottomleft bottomright sidebottom";
}
.print-item-a {
	grid-area: left;
}
.print-item-b {
	grid-area: top;
}
.print-item-c {
	grid-area: sidetop;
	margin-left: -15px;
}
.print-item-d {
	grid-area: bottomleft;
}
.print-item-e {
	grid-area: bottomright;
}
.print-item-f {
	grid-area: sidebottom;
}
.print-prices-container {
	background: #e7e7e7;
	width: 55%;
	text-align: center;
	margin-bottom: 5%;
}
.print-prices {
	display: inline-block;
}
.price-info {
	max-width: 50%;
}

.print-princing {
	height: auto;
	margin-bottom: 5%;
}
.print-dropdown {
	margin: 24px auto;
	position: relative;
	width: 90%;
	background: #ffffff;
}
.print-price-text {
	margin: 48px 24px 8px 24px;
}
.art-container {
	max-width: 540px;
}
.art-img-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, 105px);
	/* grid-template-columns: 1fr 1fr 1fr 1fr;  */
	column-gap: 5px;
	row-gap: 10px;
	justify-items: start;
}
.art-grid-img {
	height: 320px;
	width: 105px;
	object-fit: contain;
}
.art-caption {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	color: #302e34;
}

.art-txt {
	grid-area: txt;
	padding: 10px;
	max-width: 500px;
	width: auto;
	margin: 12px 16px;
}
.art-img {
	grid-area: img;
	max-width: 587px;
	width: auto;
	align-self: center;
}
.art-products {
	grid-area: products;
}

.art-banner {
	width: auto;
	height: 318px;
	background: #302e34;
	border: 1px solid #302e34;
	background-image: url("/images/pages/print/camera2.svg");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center right;
	background-size: contain;
}
.art-banner-container {
	margin: 72px 20px 40px 40px;
}
.art-banner h3 {
	font-family: Quicksand;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.015em;
	color: #fff2d8;
	margin: 0;
}
.art-banner p {
	max-width: 340px;
	width: auto;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #ffffff;
}
.art-banner a {
	text-decoration: underline;
	color: #fff2d8;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
}
.art-html {
	grid-area: html;
}
.art-html h2 {
	margin-top: 0;
}
.art-sidebar {
	grid-area: sidebar;
	justify-self: end;
}

.grid-area-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	margin-top: 5%;

	grid-template-columns: auto;
	grid-template-areas: "html sidebar";
}
.kapa-img-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 24px;
}

@media only screen and (max-width: 800px) {
	.grid-area-container {
		margin-top: 10%;
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(100px, auto);
		grid-gap: 10px;
		grid-template-areas:
			"html"
			"sidebar";
	}
	.art-banner-container {
		margin: 40px 16px 0 16px;
	}
	.art-banner {
		height: 610px;
		background-position: right bottom;
		background-size: 318px 294px;
	}
	.kapa-img-container {
		display: grid;
		grid-template-columns: 1fr;
	}
	.art-html {
		margin: 16px 12px;
	}
}
.dark-underline {
	font-family: Lato, serif;
	margin: 40px 0 90px 0;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
}
.fine-art-grid-title {
	grid-area: title;
	align-self: center;
	height: min-content;
}
.fine-art-grid-img {
	grid-area: img;
}
.fine-art-grid-desc {
	width: 80%;
	grid-area: desc;
}
.fine-art-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 130px auto;

	grid-template-areas:
		"title img"
		"desc img";
	margin-bottom: 96px;
}
.alum-img {
	max-width: 661px;
	height: 992px;
}
.art-grid-content {
	width: 90%;
}
.art-print-img-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.art-kapa-img-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
}
.how-to-order {
	margin: 0;
}
.how-to-order > a {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
}
.caption-kapa {
	color: #838285;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
}
@media only screen and (max-width: 800px) {
	.fine-art-grid {
		grid-template-columns: 1fr;
		margin: 12px 16px;
		margin-top: 48px;
		grid-template-rows: auto;
		grid-template-areas:
			"title"
			"img"
			"desc";
		margin-bottom: 96px;
	}
	.kapa-content-header {
		font-weight: 500;
		font-size: 34px;
	}
	.fine-art-grid > h1 {
		margin: 15px 0;
	}
	.art-grid-content {
		width: auto;
		margin: 12px 16px;
	}
	.fine-art-grid-desc {
		width: 100%;
	}
	.alum-img {
		object-fit: cover;
		width: 100%;
		height: auto;
	}
	.art-print-img-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
.fine-art-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	column-gap: 12.5px;
	row-gap: 24px;
	justify-items: center;
	padding-bottom: 10%;
	margin: 0 16px;
}

.fine-art-box {
	width: 100%;
	height: 344px;
	outline: 2px solid #cbcacc;
}
.fine-art-img {
	max-height: 230px;
	object-fit: cover;
	width: 100%;
}

.fine-art-content {
	text-align: center;
}

.card-content {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin: 8px;
	text-align: center;
	letter-spacing: 0.015em;
}

.mail-link {
	color: #fff2d8;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	cursor: pointer;
	display: flex;
}

.mail-link p {
	color: #fff2d8;
}

.dropdown-click {
	display: flex;
	padding: 22px 16px;
	border: 1px solid #98969a;
	cursor: pointer;
	border-radius: 4px;
	justify-content: space-between;
}

.dropdown-container {
	background: #ffffff;
	border-left: 1px solid #98969a;
	border-right: 1px solid #98969a;
	border-radius: 4px;
	height: 0;
	z-index: 1;
	overflow-y: hidden;
	transition: 0.25s ease;
	position: absolute;
	width: 100%;
}

.dropdown-container p {
	cursor: pointer;
	padding: 22px 0;
	margin: 0 16px;
	color: #45404b;
	border-bottom: 1px solid#98969A;
}
.dropdown-container p:hover {
	background: #45404b;
	color: #ffffff;
	margin: 0;
	padding-left: 16px;
}
.dropdown-click p {
	margin: 0;
}
.dropdown-container .unclickable {
	background: #d9d9da;
	color: #838285;
	margin: 0;
	padding-left: 16px;
}
.dropdown-container .unclickable:hover {
	cursor: not-allowed;
	background: #d9d9da;
	color: #838285;
	margin: 0;
	padding-left: 16px;
}
.print-price {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 10px 24px 0 24px;
}
.caption {
	margin: 10px 24px;
	color: #838285;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
}
.print-order {
	display: none;
	background: #302e34;
	padding: 25px 24px;
	border: 1px solid #302e34;
}
.print-order-first {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #ffffff;
}
.print-order-second {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #fff2d8;
}
.print-order-second a {
	text-decoration: underline;
}

.show-print-order {
	display: block;
}
.show-size-container {
	height: 905px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}
.show-small-size-container {
	height: 450px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}
.show-medium-size-container {
	height: 518px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}

.show-type-container {
	height: 320px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}
.show-medium-type-container {
	height: 258px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}
.show-small-type-container {
	height: 120px;
	position: absolute;
	border-bottom: 1px solid #98969a;
}

@media only screen and (max-width: 900px) {
	.web-header {
		display: none;
	}
	.main {
		margin: 20px 0 25% 0;
	}
	.mobile-header {
		display: grid;
	}
	.mobile-header > img {
		justify-self: left;
		margin-left: 16px;
	}
	.mobile-header-button-container {
		justify-self: right;
		margin-right: 16px;
	}
	.mobile-header-container-shop {
		margin-left: 24px;
	}
	.footer-child {
		text-align: center;
		width: 100%;
	}
	.footer {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		flex-direction: row;
		justify-content: center;
	}
	body {
		margin-top: 0;
	}
}

/* FILM */
.pricetable-order-film {
	max-width: 810px;
	margin: 60px auto;
	border-top: 1px solid black;
	text-align: center;
}
.film-banner {
	width: auto;
	height: 294px;
	background: #302e34;
	border: 1px solid #302e34;
	background-image: url("/images/pages/film/camera-flash.svg");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center right;
	background-size: contain;
	margin-top: 77px;
}
.film-banner-container {
	margin: 77px 0 40px 40px;
}

.film-banner-container h3 {
	font-family: Quicksand;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 0.015em;
	color: #fff2d8;
	margin-bottom: 8px;
}
.film-banner p {
	max-width: 445px;
	width: auto;
	margin-top: 8px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #ffffff;
}
.film-banner .film-banner-link {
	background-image: url("/images/icons/arrow-light.svg");
	background-repeat: no-repeat;
	background-position: 45% 0%;
	background-size: 20px 20px;
	color: #fff2d8;
	text-decoration: underline;
}
.film-banner a {
	text-decoration: underline;
	color: #fff2d8;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
}

.film-price-section {
	width: auto;
	max-width: 1150px;
	min-height: 677px;
	margin-top: 10%;
	border: 1px solid #302e34;
}
.film-price-section-header-container {
	width: 100%;
	height: 94px;
	display: flex;
	justify-content: space-between;
	background: #302e34;
}
.film-price-section-header-container > img {
	padding: 0 24px 0 0;
	width: 30px;
	cursor: pointer;
}
.film-price-section-header {
	padding: 24px 0 0 24px;
}
.film-price-section-header h5 {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.015em;
	color: #fff2d8;
}
.film-price-section-onclick-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-content: center;
	grid-template-rows: 86px;
	border-bottom: 1px solid #302e34;
}
.film-price-section-onclick {
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	border-bottom: 3px solid transparent;
}
.film-price-section-onclick h6 {
	align-self: center;
	justify-self: center;
	color: #cbcacc;
}

.film-price-section-onclick:hover {
	border-bottom: 3px solid #302e34;
}
.film-price-section-onclick-active {
	border-bottom: 3px solid #302e34;
}
.film-price-section-onclick-active > h6 {
	color: #302e34;
}
.film-price-section-onclick-mobile {
	display: none;
	flex-direction: column;
	margin: 14px;
}

.film-price-amount-dropdown-container {
	background: #ffffff;
	border-left: 1px solid #302e34;
	border-right: 1px solid #302e34;
	border-radius: 4px;
	height: 0;
	z-index: 1;
	overflow-y: hidden;
	transition: 0.25s ease;
	width: 100%;
}
.film-table {
	width: 100%;
}
.toggle-film-amount-container {
	height: 130px;
	width: 100%;
	border-bottom: 1px solid #302e34;
}
.film-table-header {
	margin: 40px auto;
	max-width: 670px;
	font-family: Lato, serif;
	font-style: normal;
	font-size: 18px;
	line-height: 125.56%;
	text-align: center;
	letter-spacing: 0.015em;
	color: #302e34;
}
.film-table-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.film-grid-content {
	position: relative;
	height: 100%;
	margin: 36px;
	text-align: center;
}
.film-grid-content-center {
	margin: 0;
	text-align: center;
}
.film-caption {
	height: 14px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	color: #45404b;
}
.film-content-row {
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: center;
	grid-template-columns: repeat(4, 1fr);
	border-bottom: 1px solid #cbcacc;
}
.film-content-row-time {
	margin: 0;
	justify-self: right;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #302e34;
}
.row-padding {
	padding: 25px 0;
}
.film-content-row-amount {
	justify-self: left;
	margin: 0;
	padding: 20px 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.film-content-row-price {
	margin: 0;
	padding: 20px 0;
	justify-self: right;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: right;
	letter-spacing: 0.015em;
	color: #302e34;
}
.film-content-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	text-align: left;
	justify-content: space-between;
}

.bottom-caption-container {
	margin: 16px 0;
}
.film-description {
	text-align: left;
	max-width: 80%;
}

.bottom-caption {
	margin: 0;
	text-align: left;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.film-content-bottom-price {
	padding: 0;
	margin: 16px 0;
}

@media only screen and (max-width: 800px) {
	.film-price-section {
		margin: 16px 12px;
		min-height: 1000px;
	}
	.pricetable-order-film {
		margin: 16px 12px;
	}
	.film-price-section-onclick-container {
		display: none;
	}
	.film-table-header {
		margin: 16px 12px;
	}
	.film-table-grid {
		grid-template-columns: 1fr;
	}
	.film-price-section-onclick-mobile {
		display: flex;
	}
}
.grid-title {
	margin-top: 5%;
	grid-area: title;
}
.grid-title > h2,
.grid-title > h1 {
	margin: 0;
}

.time-table-film {
	display: grid;
	grid-template-columns: 50px 1fr;
}

.grid-desc {
	grid-area: desc;
}
.grid-desc h6 {
	margin-bottom: 15px;
}

.info-grid {
	display: grid;
	grid-gap: 15px;
	margin-top: 69px;
	grid-template-columns: 120px 1fr;
}
.subtitle {
	align-self: center;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #302e34;
}
.info-grid > a {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
}
.info-grid > p {
	margin: 0;
}
.grid-desc p {
	margin: 0;
	margin-bottom: 15px;
	font-family: Lato, serif;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.grid-link {
	margin-top: 15px;
	cursor: pointer;
	display: flex;
}

.grid-link p {
	border-bottom: 1px solid #302e34;
	font-weight: bold;
	margin: 0;
}
.img-box {
	grid-area: img;
}
.grid-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}
.digi-height {
	max-height: 650px;
}

.title-grid-container {
	display: grid;
	margin: 5% 0;
	width: 100%;
	grid-template-columns: 1fr 1.5fr;
	grid-template-rows: minmax(50px, auto) min-content;
	grid-template-areas:
		"title img"
		"desc img";
	justify-items: stretch;
	grid-column-gap: 47px;
	grid-row-gap: 24px;
	align-items: stretch;
}
.digitalisering-section:first-of-type {
	margin-top: 155px;
}
.digitalisering-section {
	margin: 48px 0;
}
.digitalisering-section > p {
	max-width: 500px;
}

.digitalisering-section > h2,
.column > h2 {
	margin: 24px 0;
}
.digitalisering-section-2 > p {
	max-width: 500px;
}
.digitalisering-section-2 > h2 {
	max-width: 650px;
}
.digitalisering-grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 200px auto;
	grid-template-areas:
		"title img"
		"desc img";
	justify-items: stretch;
	grid-column-gap: 47px;
	grid-row-gap: 24px;
	align-items: stretch;
}
.reverse {
	grid-template-areas:
		"img title"
		"img desc";
}
.bolder {
	font-weight: 900;
}
.digi {
	max-width: 940px;
	grid-gap: 40px 16px;
}
@media only screen and (max-width: 800px) {
	.title-grid-container {
		display: grid;
		grid-template-columns: 1fr;
		margin: 50px 0;
		grid-gap: 0;
		justify-content: center;
		grid-template-areas:
			"title"
			"img"
			"desc";
	}
	.digitalisering-section-2 {
		margin: 12px 16px;
	}
	.digitalisering-grid-container {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-gap: 0;
		justify-content: center;
		grid-template-areas:
			"title"
			"img"
			"desc";
	}

	.grid-desc,
	.grid-title,
	.img-box {
		width: fit-content;
		margin: 12px 16px;
		text-align: left;
	}
	.grid-title > h2,
	.grid-title > h1 {
		margin: 0;
	}

	.h1-mobile {
		font-size: 45px;
	}
	.grid-link {
		max-width: 300px;
	}
	.digi {
		grid-template-columns: 1fr;
		grid-gap: 8px;
		margin: 16px 12px;
	}
	.digi-height:nth-child(2n + 1) {
		margin-top: 40px;
	}
}
.order-film {
	text-align: center;
	margin: 0 auto;
}
.order-film-desc {
	max-width: 490px;
	margin: 0 auto;
}
.order-film-pricetable {
	max-width: 490px;
	margin-top: 32px;
	margin-bottom: 64px;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #000000;
	cursor: pointer;
}
.film-table-modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	min-width: 100vw;
	min-height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.75);
}

.film-table-modal-content {
	background-color: #f4f4f4;
	position: relative;
	top: 70px;
	margin: 0 auto;
	width: 1150px;
	height: 100%;
	min-height: 700px;
	max-height: 900px;
	animation-name: modalopen;
	animation-duration: 0.25s;
}
.show-film-modal {
	display: block;
}

@media only screen and (max-width: 900px) {
	.film-table-modal {
		position: fixed;
		background: #f4f4f4;
		min-height: 700px;
	}
	.film-table-modal-content {
		background-color: #f4f4f4;
		position: relative;
		top: 0;
		margin-bottom: 10px;
		min-height: 100vh;
		width: 100%;
		animation-name: modalopen;
		animation-duration: 0.25s;
	}
	.film-content-bottom {
		position: relative;
		margin: 15px 0;
	}
}
.order-film h1 {
	margin-bottom: 24px;
}
.order-film h6 {
	margin: 0;
}
.order-adress {
	margin: 56px 0 64px 0;
}
.order-adress > p {
	margin-top: 13px;
	margin-bottom: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.015em;
	color: #302e34;
}
.filmorder-info {
	margin-top: 64px;
	max-width: 490px;
	margin: 0 auto;
}
.filmorder-info > p {
	margin: 16px 0;
}

.order-film-grid {
	max-width: 650px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
}

.order-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	max-width: 850px;
}
.form-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.add-film-btn-container {
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 150px;
	max-width: 500px;
}
.add-film-btn {
	margin: 40px auto;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
	background: none;
	border: none;
	outline: 0;
}
.add-film-btn:hover {
	cursor: pointer;
}
.form-header button {
	color: #e94e4e;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.015em;
	background: none;
	border: none;
	outline: 0;
	text-decoration: underline;
}
.form-header button:hover {
	cursor: pointer;
}

.prosess,
.levering,
.format,
.glossy,
.amountofpictures,
.amountofrolls,
.ramme,
.duedate,
.retur,
.negativer {
	display: flex;
	flex-direction: column;
	margin: 14px;
	margin-top: 50px;
	max-width: 900px;
}
.section-border {
	position: absolute;
	display: inline-block;
	border-top: 1px solid #302e34;
	left: 0;
	right: 0;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 810px;
}
.dudedate-description {
	max-width: 480px;
}

.prosess button:focus,
.levering button:focus,
.format button:focus,
.ramme button:focus,
.glossy button:focus,
.duedate button:focus,
.retur button:focus,
.negativer button:focus {
	outline: 0;
}

.select-levering:hover:not(.selected),
.select-prosess:hover:not(.selected) {
	background: lightgrey;
}
.select-format,
.select-finish,
.select-prosess,
.select-ramme,
.select-levering,
.select-negativer,
.select-pickup,
.select-tidsfrist,
.select-retur {
	cursor: pointer;
	max-width: 563px;
	height: 64px;
	display: flex;
	justify-content: space-between;
	margin: 8px 0;
	padding: 16px 22px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}

.order-warning-font {
	margin: 0;
	padding: 0;
	color: #e94e4e;
	font-size: 16px;
}
.search-amount-dropdown-container {
	background: #ffffff;
	border-left: 1px solid #302e34;
	border-right: 1px solid #302e34;
	border-radius: 4px;
	height: 0;
	z-index: 1;
	overflow-y: hidden;
	transition: 0.25s ease;
	width: 100%;
}
.amount-dropdown,
.resolution-dropdown,
.rolls-dropdown {
	cursor: pointer;
	max-width: 563px;
	height: 64px;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 16px 22px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}
.amount-dropdown-container,
.resolution-dropdown-container,
.roll-dropdown-container {
	background: #ffffff;
	box-sizing: border-box;
	border-left: 1px solid #302e34;
	border-right: 1px solid #302e34;
	border-bottom: 1px solid #302e34;
	border-radius: 4px;
	z-index: 1;
	transition: 0.25s ease;
	width: 100%;
}
.resolution-dropdown-container {
	margin-bottom: 40px;
}
.amount-value {
	padding: 12px 22px;
	height: 44px;
	box-sizing: border-box;
	margin: 0px;
	cursor: pointer;
}
.locked-value {
	color: #838285;
	cursor: not-allowed;
}
.resolution-dropdown-container p:hover,
.amount-dropdown-container p:hover,
.roll-dropdown-container p:hover {
	background: lightgrey;
}
.toggle-amount-container,
.toggle-roll-container {
	height: 220px;
	width: 100%;
	border-bottom: 1px solid #302e34;
}
.toggle-roll-container {
	height: 88px;
}

.roll-amount-input > input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.roll-amount-input > input[type="number"] {
	-moz-appearance: textfield;
}

.roll-amount-input {
	cursor: pointer;
	margin: 8px 0;
	padding: 16px 22px;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
	height: 64px;
}

.toggle-resolution-container {
	width: 100%;
	border-bottom: 1px solid #302e34;
}
.toggle-mobile-sorted-container {
	height: 225px;
	width: 100%;
	border-bottom: 1px solid #302e34;
}

.select-format:hover:not(.selected) {
	background: lightgrey;
}

.select-amount {
	max-width: 563px;
	height: 64px;
	display: flex;
	justify-content: space-between;
	margin: 8px 0;
	padding: 16px 22px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}

.amount {
	display: flex;
	justify-content: space-between;
}
.amount p {
	margin: 0 2px;
}
.adjust {
	cursor: pointer;
	width: 25px;
	height: 25px;
	margin: 10px;
}

.disabled {
	cursor: not-allowed;
}

.vertical {
	border-left: 1px solid lightgray;
}

.first-name {
	grid-area: first;
}
.second-name {
	grid-area: second;
}
.adress {
	grid-area: adress;
}
.postalcode {
	grid-area: postal;
}
.postnr {
	grid-area: postnr;
}
.city {
	grid-area: city;
}
.mail {
	grid-area: mail;
}
.phone {
	grid-area: phonenr;
}
.send-personalia {
	grid-area: send;
}
.input-box:focus {
	outline: none;
	border: 1px solid #302e34;
}
.input-box:focus::placeholder {
	color: #98969a;
}
.input-box::placeholder {
	color: #45404b;
	opacity: 1;
	max-width: 344px;
}
.input-box {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;

	grid-area: box;
	box-sizing: border-box;
	margin: 84px 0 0 0;
	padding: 24px 16px;
	width: 100%;
	height: 220px;
	resize: none;
	background: #ffffff;
	color: #302e34;
	border: 1px solid #98969a;
	border-radius: 4px;
}
.select-pickup {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	grid-area: pickup;
	box-sizing: border-box;
	width: 100%;
}
.pickup-button {
	cursor: pointer;
	height: 64px;
	width: 100%;
	margin: 10px 0;
	background: #ffffff;
	border: 1px solid #98969a;
	box-sizing: border-box;
	border-radius: 4px;
}
.pickup-button:focus {
	outline: 0;
}
.pickup-button:hover:not(.selected) {
	background: lightgrey;
	border: 1px solid #302e34;
}
.form-caption {
	margin: 4px 10px;
	color: #838285;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.015em;
}

.selected {
	background: #45404b;
	color: #ffffff;
}
.selected p {
	color: #ffffff;
}

.send-order {
	padding: 20px 0;
	width: 100%;
	border: 1px solid #302e34;
	box-sizing: border-box;
	background: #302e34;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff2d8;
}
.send-order:focus {
	outline: 0;
}
.order-error {
	padding: 20px 0;
	width: 100%;
	margin-top: 20px;
	max-width: 500px;
	text-align: center;
	background: #ffadad;
	background-image: url("/images/icons/alert-circle.svg");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: 25px 15px;
	background-size: 32px 32px;
}

.order-error-font {
	max-width: 350px;
	margin: 0 auto;
	margin-block-start: 0;
	margin-block-end: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.personalia-title {
	max-width: 810px;
	margin: 0 auto;
}

.personalia-form {
	width: 500px;
	margin: 0 auto;
	display: grid;
	column-gap: 16px;
	row-gap: 16px;
	grid-template-areas:
		"first second second"
		"adress adress adress"
		"postnr city city"
		"mail mail mail"
		"phonenr phonenr phonenr"
		/* "box box box"
	"pickup pickup pickup"
	"send send send"; */;
}

.personalia-form-film {
	grid-template-areas:
		"first second second"
		"adress adress adress"
		"postnr city city"
		"mail mail mail"
		"phonenr phonenr phonenr"
		"box box box"
		"pickup pickup pickup"
		"send send send";
}

.checkout-personalia {
	max-width: 500px;
	width: auto;
	padding: 32px 40px;
}
.personalia-container {
	position: relative;
}
.personalia-input {
	border: none;
	margin-left: 16px;
	justify-self: center;
}

.personalia-placeholder {
	position: absolute;
	margin: auto;
	left: 16px;
	top: 20px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #45404b;
	transition: 0.25s ease;
}
.personalia-input-small {
	padding-top: 12px;
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 64px;
	background: #ffffff;
	border: 1px solid #98969a;
	box-sizing: border-box;
	border-radius: 4px;
	transition: 0.25s ease;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	/* identical to box height, or 125% */

	letter-spacing: 0.015em;

	/* Primary deep ash */

	color: #302e34;
}
.active-input {
	transition: 0.25s ease;
	font-size: 12px;
	text-transform: uppercase;
	color: #302e34;
	top: 5px;
}
.active-border {
	border: 1px solid #302e34;
}
.personalia-placeholder-error {
	transition: 0.25s ease;
	color: #e94e4e;
}
.personalia-error {
	transition: 0.25s ease;
	border: 2px solid #e94e4e;
	border-radius: 4px;
	/* color: #E94E4E; */
}

@media only screen and (max-width: 800px) {
	.film-banner {
		height: 600px;
		background-position: right bottom;
		background-size: 318px 294px;
	}
	.film-banner .film-banner-link {
		background-position: 190px 0%;
	}
	.left-align {
		text-align: left;
		justify-content: flex-start;
	}
	.order-film {
		margin: 16px 14px;
	}
	.order-film-grid {
		max-width: 650px;
		margin: 0 auto;
		display: grid;
		grid-gap: 22px;
		grid-template-columns: 1fr;
		justify-items: center;
	}
	.personalia-form {
		width: auto;
		margin: 0 10px;
		display: grid;
		column-gap: 10px;
		row-gap: 20px;
		grid-template-areas:
			"first"
			"second"
			"adress"
			"postnr"
			"city"
			"mail"
			"phonenr"
			"box"
			"pickup"
			"send";
	}
}
.hidden {
	display: none;
}

.price-examples {
	width: 60%;
	justify-self: right;
}
.price-container {
	border: 1px solid black;
}
.price-header {
	background: #302e34;
	padding: 20px;
}
.price-header h5 {
	font-family: Lato, serif;
	font-style: normal;
	font-size: 24px;
	color: #fff2d8;
	line-height: 29px;
}
.price-header p {
	font-family: Lato, serif;
	font-style: normal;
	font-size: 14px;
	color: #fff2d8;
	line-height: 17px;
	padding: 0;
	margin: 0;
}
.price-text {
	margin: 10px;
	font-family: Lato, serif;
	font-style: normal;
	font-size: 14px;
}
.price-text h3 {
	border: none;
	font-size: 36px;
	font-family: quicksand, serif;
	margin: 10px;
	letter-spacing: 1.5px;
	line-height: 38px;
}

@media screen and (max-width: 900px) {
	.film-order-details {
		display: grid;
		grid-template-columns: 1fr;
	}
	.price-examples {
		width: 100%;
		justify-self: left;
	}
	#find-us,
	#opening-hours {
		margin: 90px 0;
	}
}
/* ABOUT */
.about-adress p {
	margin: 0;
}
.weighted-underline {
	text-decoration: underline;
	font-weight: bold;
}
.spaced {
	padding-right: 32px;
}

/* LOGIN */
.login {
	margin: 0 auto;
	margin-bottom: 10%;
	padding-bottom: 32px;
	max-width: 472px;
	/*height: 592px;*/
	background: #ffffff;
	border: 2px solid #cbcacc;
	text-align: center;
}
.login p {
	margin: 0 auto;
	margin-bottom: 64px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	/* or 125% */

	text-align: center;
	letter-spacing: 0.015em;
	width: 277px;
	height: 40px;
}

.login-form {
	display: flex;
	flex-direction: column;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
.reset-password {
	margin-top: 8px;
	margin-bottom: 40px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #0075ff;
}
.login-input {
	margin: 8px 0;
	padding: 10px;
	height: 64px;
	width: 360px;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}
.login-button {
	padding: 20px;
	margin: 8px 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	border-radius: 4px;
	max-width: 360px;
	color: #fff2d8;
	background: #302e34;
}
.login-button:hover {
	cursor: pointer;
}
.white-outline {
	border: 2px solid #cbcacc;
	background: #ffffff;
	color: #302e34;
}

/* CHECKOUT */
.checkout-obs {
	color: #e94e4e;
}
.checkout-title {
	font-family: Quicksand;
	font-style: normal;
	font-weight: 300;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.015em;
	color: #302e34;
}

.checkout-h5 {
	margin-bottom: 40px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	letter-spacing: 0.015em;
	color: #302e34;
}
#checkout-products {
	max-width: 808px;
	margin: 16px auto;
}

.checkout-product {
	max-width: 808px;
	display: grid;
	grid-template-columns: 125px 1fr 130px;
	border-bottom: 1px solid #cbcacc;
	padding-bottom: 16px;
	margin: 16px 0;
}
.checkout-img {
	border: 1px solid #cbcacc;
	box-sizing: border-box;
	width: 120px;
	justify-self: left;
}
.checkout-product-mid {
	display: flex;
	flex-direction: row;
	align-self: center;
	justify-content: space-between;
	padding: 16px;
}
.checkout-product-description {
	display: flex;
	flex-direction: column;
}
.checkout-product-description p {
	margin: 1px 0;
}

.checkout-amount {
	display: flex;
	min-width: 120px;
	width: fit-content;
	flex-direction: column;
}
.checkout-amount-adjuster {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.checkout-amount-limit {
	font-size: 14px;
	margin: 0;
	align-self: center;
	color: crimson;
}

.checkout-subtract {
	position: absolute;
	left: 0;
	cursor: pointer;
}
.checkout-add {
	position: absolute;
	right: 0;
	cursor: pointer;
}
.checkout-itm-price {
	justify-self: end;
	align-self: center;
}
.checkout-amout::-webkit-outer-spin-button,
.checkout-amout::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.checkout-amout {
	position: absolute;
	left: 32px;
	cursor: text;
	width: 32px;
	height: 32px;
	border: none;
	margin: 0 16px;
	background-color: transparent;
	text-align: center;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.015em;
	color: #262524;
}
.checkout-amout:focus {
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 6px;
}
.checkout-total {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: right;
	letter-spacing: 0.015em;
	color: #302e34;
	margin: 0;
}
#checkout-delivery {
	max-width: 500px;
	margin: 96px auto;
}
#checkout-payment {
	max-width: 500px;
	margin: 96px auto;
}
#bring {
	display: none;
}
#brev {
	display: none;
}
#henting {
	display: none;
}
#nets {
	display: none;
}
#terms {
	display: none;
}
.checkout-delivery-box-not-available {
	display: grid;
	padding: 18px 16px 18px;
	margin: 16px 0;
	grid-template-columns: 30px 1fr 55px;
	min-height: 80px;
	column-gap: 16px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #98969a;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	outline: 0;
	cursor: pointer;
}
.checkout-delivery-box {
	display: grid;
	padding: 18px 16px 18px;
	margin: 16px 0;
	grid-template-columns: 30px 1fr 55px;
	min-height: 80px;
	column-gap: 16px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #98969a;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	outline: 0;
	cursor: pointer;
}
.checkout-nets-box {
	display: grid;
	padding: 0 16px;
	margin: 0;
	grid-template-columns: 1fr 82px;
	grid-template-rows: 80px;
	column-gap: 16px;
	align-items: center;
	background: #ffffff;
	border: none;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	outline: 0;
	cursor: pointer;
}
.paypal-box {
	padding: 24px 16px;
	margin: 16px 0;
	column-gap: 16px;
	align-items: center;
	background: #ffffff;
	border: 1px solid #98969a;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	outline: 0;
	cursor: pointer;
}
.paypal-toggler {
	position: relative;
	margin: 24px 0;
}

.paypal-dummy {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 563px;
	z-index: 100000 !important;
	background: #e0e0e1;
	border-radius: 4px;
	border: 1px solid #98969a;

	padding: 16px 0;
	cursor: not-allowed;
	text-align: center;
}

.paypal-dummy > img {
	width: 75px;
	height: 18px;
}

.checkout-caption {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #838285;
	margin: 0;
}
.checkout-delivery-box:hover {
	background: #eeeeef;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}

.radio-container input:checked ~ .checkout-delivery-box {
	border: 3px solid #302e34;
	box-sizing: border-box;
	border-radius: 4px;
}

.checkout-radio {
	border: 2px solid #302e34;
	position: relative;
	border-radius: 50%;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
}
.checkout-radio-checked {
	border: 2px solid #302e34;
	background: #302e34;
	position: absolute;
	display: none;
	left: 3px;
	top: 3px;
	border-radius: 50%;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
}
.radio-container
	input:checked
	~ .checkout-delivery-box
	.checkout-radio-checked {
	display: block;
}
#nets-info {
	width: 100%;
	border: 1px solid #98969a;
	border-radius: 4px;
}
#checkout-personalia {
	display: none;
}
.show-personalia {
	display: block;
}
.nets-container {
	border: 1px solid #98969a;
	border-radius: 4px;
}
.nets-disabled {
	background: #e0e0e1;
	border: none;
	cursor: not-allowed;
}
.accept-terms {
	display: flex;

	position: relative;
	padding-left: 28px;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.015em;
	color: #302e34;
}

.terms-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border: 1px solid #302e34;
	border-radius: 6px;
}

.terms-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.accept-terms input:checked ~ .terms-checkmark:after {
	display: block;
}
.accept-terms .terms-checkmark:after {
	left: 3px;
	top: 2.5px;
	width: 18px;
	height: 18px;
	background: #302e34;
	border-radius: 4px;
}
.terms {
	display: flex;
	align-content: center;
}
p.terms {
	margin: 0;
	margin-top: 5px;
	margin-left: 12px;
	font-size: 16px;
}
.margin-checkout {
	margin-top: 35px;
	margin-bottom: 8px;
}

.delivery-cost {
	justify-self: end;
}
.checkout-delivery-box p {
	margin: 0;
}
.checkout-option {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	color: #302e34;
}
.checkout-option-sub {
	margin: 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #838285;
}

.terms-and-conditions {
	display: flex;
	align-content: center;
	width: 100%;
}

.terms-and-conditions a {
	display: flex;
	align-content: center;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #302e34;
	margin-left: 3px;
}
.checkbox {
	align-self: center;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border: 1px solid #302e34;
	box-sizing: border-box;
	border-radius: 6px;
	margin-right: 8px;
}
.checked {
	position: relative;
	top: 2.5px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	background: #302e34;
	border-radius: 4px;
}
.bring-logo {
	width: 91px;
	height: 34px;
}
.nets-logo {
	width: 82px;
	height: 27px;
}
.of-logo {
	width: 87px;
	height: 40px;
	padding: 6px 0;
	background: #302e34;
}
.checkout-btn-container {
	width: auto;
	max-width: 367px;
	margin: 32px auto;
}
.checkout-btn {
	padding: 20px 0;
	width: 100%;
	max-width: 367px;

	text-align: center;
	border: 1px solid #302e34;
	box-sizing: border-box;
	background: #302e34;
	border-radius: 4px;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #fff2d8;
	cursor: pointer;
}
.checkout-btn:focus {
	outline: 0;
}
.checkout-disabled {
	cursor: not-allowed;
	background: #e0e0e1;
	border: none;
	border-radius: 4px;
	color: #838285;
}
.checkout-cost {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	letter-spacing: 0.015em;
	color: #302e34;
}

.checkout-subtitle {
	margin: 40px 0;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #302e34;
}
@media screen and (max-width: 800px) {
	.checkout-title {
		margin: 0 16px;
		font-weight: normal;
		font-size: 36px;
		line-height: 38px;
	}

	.checkout-product {
		grid-template-columns: repeat(3, 1fr);
		margin: 16px 16px;
	}
	.checkout-img {
		width: 104px;
	}
	.checkout-product-mid {
		flex-direction: column;
		justify-content: space-between;
		margin: 0 16px;
		padding: 0;
	}

	.checkout-itm-price {
		justify-self: end;
	}
	.checkout-amout {
		position: relative;
		width: 20px;
	}

	.checkout-cost {
		margin: 0 16px;
	}
	.checkout-total {
		margin: 0 16px;
	}

	#checkout-delivery {
		margin: 0 16px;
	}
	#checkout-payment {
		margin: 0 16px;
	}

	.checkout-delivery-box p {
		margin: 0;
	}
	.checkout-delivery-box {
		grid-template-columns: 30px 1fr 60px;
	}
	.nets {
		grid-template-columns: 200px 82px;
	}
	.checkout-personalia {
		max-width: 500px;
		width: auto;
		padding: 20px 16px;
	}
	.checkout-btn-container {
		width: auto;

		margin: 12px 16px;
	}
}
@media screen and (max-width: 450px) {
	.login {
		margin: 0 20px;
		padding: 10px;
	}
	.login-input {
		margin: 8px auto;
		padding: 10px;
		width: 90%;
	}
	.login-button {
		padding: 20px;
		margin: 8px auto;
		width: 90%;
	}
	a.login-button {
		margin: 0 auto;
		padding: 20px 0;
	}
}

#paypal-page-container {
	max-width: 808px;
	margin: 16px auto;
}

/*ORDER CONFIRMATION */
.order-confirmation-info,
.order-confirmation-items {
	margin: 0 auto;
	padding-top: 24px;
	text-align: center;
	max-width: 450px;
}
.order-confirmation-info > h2 {
	margin-bottom: 56px;
}
.order-confirmation-items {
	padding-top: 0;
	margin-top: 128px;
	max-width: 808px;
}
.order-confirmation-items > h6 {
	margin: 0;
	margin-top: 16px;
	text-align: right;
}
.delivy-method {
	margin-top: 94px;
}
.delivy-method > h6 {
	margin: 0;
}
.confirmation-product {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	border-bottom: 1px solid #cbcacc;
}
.product-information {
	display: flex;
	width: 60%;
}
.product-information > img {
	width: 120px;
	height: 118px;
	border: 1px solid #cbcacc;
	box-sizing: border-box;
	object-fit: scale-down;
}
.brand-information > p {
	margin: 0;
}
.brand-information {
	align-self: center;
	justify-content: space-evenly;
	margin-left: 22px;

	text-align: left;
}
.quantity-information {
	width: 20%;
	align-self: center;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 900px) {
	.order-confirmation-info,
	.order-confirmation-items {
		margin: 12px 16px;
	}
	.product-information > img {
		width: 104px;
		height: 102px;
	}
}
/*COOKIES AND INFO*/
.cookie-page {
	margin: 90px auto;
	max-width: 592px;
}
.our-cookiejar {
	margin: 90px auto;
	max-width: 592px;
}
.our-cookiejar > h6 {
	margin-top: 16px;
	margin-bottom: 7px;
}
.our-cookiejar > p {
	margin: 0;
}
.cookie-page > h1 {
	text-align: center;
	margin: 90px 0px;
}
.cookie-page > h6,
.cookie-page > h5 {
	margin: 0;
}

.cookie-page > p {
	margin: 0 0 20px 0;
}
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 72px;
	background: #302e34;
}
.cookie-content {
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.cookie-text {
	max-width: 725px;
	text-align: left;
	font-family: Lato, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #ffffff;
}
.cookie-text > a {
	font-family: Lato, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-decoration-line: underline;
	color: #fff2d8;
}
.cookie-close {
	cursor: pointer;
	width: 23px;
	height: 23px;
	align-self: center;
}
.kjopsvilkar {
	margin: 90px auto;
	max-width: 592px;
}
.kjopsvilkar > h1 {
	margin-bottom: 90px;
	text-align: center;
}
.kjopsvilkar > h6 {
	margin-bottom: 0px;
}
.kjopsvilkar > p {
	margin-top: 0px;
}
.kjopsvilkar > p > a {
	margin-top: 0px;
	text-decoration: underline;
	font-weight: 400;
}
span.uppercase {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
}
.personvern {
	margin: 90px auto;
	max-width: 592px;
}
.personvern > h1 {
	margin-bottom: 90px;
}
.personvern > h6 {
	margin-bottom: 0px;
}
.personvern > p {
	margin-top: 0px;
}
.personvern > p > a {
	margin-top: 0px;
	text-decoration: underline;
	font-weight: 400;
}
.extra-margin {
	margin: 100px 0;
}
@media screen and (max-width: 900px) {
	.cookie-banner {
		height: auto;
	}
	.cookie-content {
		max-width: 1150px;
		padding-bottom: 30px;
		margin: 16px 16px 0 16px;
	}
	.cookie-text {
		margin: 0;
		width: 85%;
	}
	.cookie-close {
		align-self: start;
	}
	.personvern > h1 {
		font-size: 40px;
		word-break: break-all;
	}
	.cookie-page,
	.our-cookiejar,
	.personvern,
	.kjopsvilkar {
		margin: 12px 16px;
	}
}
.loader-body {
	position: fixed;
	display: none;
	z-index: 1000000;
	top: 0;
	left: 0;
	min-width: 100vw;
	background-color: #302e34;
	opacity: 0.25;
	min-height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.loader {
	height: 50px;
	transform-origin: bottom center;
	animation: rotate 2s linear infinite;
}
.circle {
	display: none;
	background-color: #cbcacc;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	transform: scale(0);
	animation: grow 1.5s linear infinite;
	margin: -10px;
}
.circle:nth-child(2) {
	background-color: #98969a;
	animation-delay: 0.75s;
}
.body-loading {
	display: flex;
}
.circle-loading {
	display: inline-block;
}
.stop-overflow {
	overflow: hidden;
}

@keyframes rotate {
	to {
		transform: rotate(360deg);
	}
}
@keyframes grow {
	50% {
		transform: scale(1);
	}
}