.content {
	margin-top: 70px;
}

.indextext {
	    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-clamp: 6;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indextext.indexreadmore {
	display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    line-clamp: unset;
    box-orient: unset;
    overflow: unset;
    text-overflow: unset;
}

.readmorebutton {
	display: none;
}

.makeorder {
	display:none;
}

.showorderform {
	display: block;
}

@media screen and (max-width:810px) {
	.readmorebutton {
	display: inline-block;
}
}

.catalog {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*justify-content:space-between;*/
	gap:30px;
}

.catalog a {
	border-bottom: unset;
	
}

div.item {
	margin: 22.5px 0 22.5px 0;
}

.catalog img {
	width: auto;
	height: 360px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 0.45);
    -moz-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 0.45);
    box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 0.45);
}

div.image {
	position: relative;
}

div.image img.first {
	z-index:2;
	position: relative;
}

div.image img.first:hover {
	opacity:0;
}

div.image img.second {
	z-index:1;
	position: absolute;
	top:0;
	left:0;
}

.catalog div {
	text-align: left;
}

div.stock {
	font-size: 0.7em;
}

div.price {
	font-weight: 800;
}

.more span {
	padding:10px 30px;
	margin-top:10px;
	display: inline-block;
	background-color: rgba(0,0,0,0.2);
	color:white;
}


/* menu */

.menu {
	position: relative;
}

.menuitems {
	display:none;
	position: absolute;
	top:40px;
	left: 10px;
	background-color: white;
	width:200px;
	
	-webkit-box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
    -moz-box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
    box-shadow: 0px 0px 40px 0px rgba(200, 200, 200, 0.75);
}

.menuitems a {
	display: inline-block;
	width:calc(100% - 40px);
	text-align: center;
	padding:20px;
}

a.menubutton {
	border-bottom: unset;
	/*transform: rotate(90deg);*/
	width:30px;height:30px;
	font-size:30px;
	padding:10px;
	display: inline-block;
	font-weight: 300;
}

/* product view */

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

.productview .about {
	position: sticky;
	align-self: flex-start;
	top:70px;
	width:33%;
}

.productview .images {
	width:63%;
	display: flex;
	gap:20px;
	flex-wrap: wrap;
}

.productview .images a {
	width:calc(50% - 10px);
	border-bottom: unset;
}

.productview .images img {
	width:100%;
	/*height:60vh;*/
	object-fit:cover;
	margin: 0 0 0px 0;
}

.productview .images a.smaller {
	width:calc(33.33% - 13.4px);
}

.lightbox a {
	border-bottom: unset;
}

.productview .images img.smaller {
	width:100%;
	/*height:40vh;*/
	object-fit:cover;
	margin: 0 0 0px 0;
}

div.title {
	font-weight: bold;
	font-size: 1.25em;
	
	display:flex;
	justify-content: space-between;
}

div.colors {
	display: flex;
}

div.colors a {
	content: "";
	width:15px;
	height:15px;
	display: inline-block;
	border-radius: 10px;
	
	
	
}

div.color {
	border:1px solid transparent;
	width:15px;
	height:15px;
	padding:3px;
	display: flex;
	align-items: center;
    justify-content: center;
}

div.color.active {
	border-radius:50%;
}

div.color.black.active {
	border:1px solid black;
}

div.colors a.black {
	background-color: black;
}


div.colors a.green {
	background-color: #696854;
	
}

div.color.green.active {
	border:1px solid #696854;
	
}

div.colors a.blue {
	background-color: #53616D;
}

div.color.blue.active {
	border:1px solid #53616D;
}

div.colors a.mint {
	background-color: #397567;
}

div.color.mint.active {
	border:1px solid #397567;
}

div.colors a.pink {
	background-color: #f4c8d1;
}

div.color.pink.active {
	border:1px solid #f4c8d1;
}

div.colors a.lavanda {
	background-color: #DAB4F7;
}

div.color.lavanda.active {
	border:1px solid #DAB4F7;
}

div.orderform {
	margin-top: 2em;
}

div.description {
	margin-top:2em;
	margin-bottom: 1em;
	
	display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    line-clamp: 15;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.description.showall {
	display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    line-clamp: unset;
    box-orient: unset;
    overflow: unset;
    text-overflow: unset;
}

.readmore {
	margin-bottom: 1em;
	font-weight: bold;
}


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

div.icons {
	margin-top: 1em;
	margin-left: -5px;
}

.icons img {
	height:30px;
	margin: 5px;
}

.mobileimage {
		display: none;
	}
	

.icons {
	position: relative;
}

.icons span {
	cursor: pointer;
}

.icons span[data]:hover:after {
  content: attr(data);
  padding: 4px 8px;
  /*color: rgba(0,0,0,0.5);*/
  position: absolute;
  left: 0;
  top: 20%;
  /*white-space: nowrap;*/
  z-index: 2;
  border-radius: 5px ;
background-color: rgba(248, 248, 248, 0.7);
backdrop-filter: blur(6px);

-webkit-transform: translateY(33px);
    -ms-transform: translateY(33px);
    transform: translateY(33px);
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    -o-transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
	
}

.otherprices {
	display: inline-flex;
    flex-direction: column;
    font-size: 0.7em;
    line-height: 100%;
    font-weight: bold;
	
}

.allprices {
	display:flex;
	gap:20px;
	align-items: center;
}


@media screen and (max-width:900px) {
	.catalog a {
		width:calc(50% - 15px);
	}
	
	div.item img {
		height:unset;
		width:100%;
	}
	
	.productview {
    flex-direction: column;
	}
	
	.productview .about {
		position: relative;
		top: 0px;
		    width: 100%;
	}
	
	.icons img {
    height: 23px;
    margin: 5px;
	}
	
	.productview .images {
		display:none;
	}
	
	.productview .images a {
		width:100%;
	}
	
	.productview .images img, .productview .images img.smaller {
		width:100%;
		height:auto;
	}
	
	.mobileimage {
		display: block;
	}
	
	.mobileimage img {
		width:100%;
		/*height:auto;*/
	}
	
	.swiper-slide img {
		/*height:75vh;*/
	}

}