body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {	
  font-size: 22px
}

h4 {	
	font-weight: 300;
}

.productVersion {
	font-weight: 700;
	margin-top: 50px;
}

.version-kattenverjager-rechts {
	width: 100%
}

.version {
	width: 65px;
}

.version-container {
	display: grid;
	grid-template-columns: fit-content(100%) fit-content(100%);
	column-gap: 25px;
}

.menu-item:hover {
	background-color: #3a4a85;
}

.container {
	width: auto;
	padding: 0px 15px;
	display: grid;
	grid-template-columns: 1fr 10fr 7fr; 
  column-gap: 25px;
}

.logo-img {
	height: 80px;
}

.logo-img-mobile {
	height: 45px;
}

.products {
	width: auto;
  margin: 5% 20%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: baseline;
	column-gap: 20px;
	row-gap: 20px;
}

.products p {
	text-align: center;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 14px;
}

.product-description {
	margin-top: 20px;
}

.menu {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.logo-div {
	padding-left: auto;
	min-width: 50px;
}

a{
	color: black;
	text-decoration: none;
}

.item {
	background-color: #3a4a85;
}

a:hover {
	text-decoration: underline;
}

.drop-item {
	border: #03031a;
}

.drop-menu {
	padding: 5px 15px;
	position: absolute;
	bottom: -140px;
	left: 0px;
}

.products img {
	width: 100%;
	border: 1px solid #F5F5F5;
}

.container img {
	width: 100%;
  border: 1px solid #F5F5F5;
}

.image {
	margin-bottom: 25px;
	min-width: 60px;
}

.image:hover, 
.product-img:hover,
.product p:hover {
	cursor: pointer;
}

.main-img {
	min-width: 415px;
}

.product-info {
	margin-left: 43px;
	min-width: 240px;
}

.location {
	margin-bottom: 10px;
}

.product-price {
	font-size: 23px;
	color: #f91906;
	font-weight: 700;
	margin-top: 50px;
}
  
.button {
	display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  color: #03031a;
  background-color: #febd00;
  border-radius: 6px;
	box-shadow: 0 4px 0 -2px rgb(3 3 26 / 25%);
}

.disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.products a {
	text-decoration: none;
}

.previous, .next {
	background-color: #f1f1f1;
	border-radius: 75%;
	border: 1px solid black;
	color: black;
	width: 30px;
	height: 30px;
}

.previous:hover, .next:hover {
	cursor: pointer;
}

.round {
  border-radius: 50%;
}

.nav-btn {
	padding-left: 40%;
	padding-right: 40%;
}


@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.product-preview {
		display: none;
	}

	.main-img {
		min-width: 200px;
	}

	.container {
		display: block; 
	}

	.products {
		display: block;
		margin: 0px;
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}

	.product {
		margin-bottom: 50px;
	}

	.container, .product-info  {
		margin: 0px;
		text-align: center;
	}

	.buy-btn {
		display: unset;
	}

	.version-container {
		justify-content: center;
	}
}