@import url("https://use.typekit.net/hyx0svm.css");


a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:helvetica,arial,sans-serif}ol,ul{list-style:none}a{color:#000}b{font-weight:700}i{font-style:italic}small{font-size:10px}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html, body {
	height: 100%;
}

body {
	background-color: #949494;
	display: flex;
	flex-direction: column;
}


a:hover {
/*	text-decoration: wavy underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;*/
}
footer a {
    /*text-decoration: underline #00000066;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;*/
}
footer a:hover {
	text-decoration: wavy underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
}



#content {
	flex: 1 0 auto;
	padding: 4vw 50px;
}



/*#button_cart {
	position: fixed;
	top: 10px;
	right: 20px;
}*/




body#detailview .detaillink {
	display: none;
}
body:not(#detailview) .homelink {
	display: none;
}

.homelink {
	margin-top: 1em;
	display: inline-block;
}



	


header {
	font-family: 'letter-gothic-std','times new roman', times, serif;
/*	font-size: 30px;*/
	font-size: 13px;
	line-height: 14px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
	"title statement show-basket-link";
	grid-column-gap: 90px;
	margin-bottom: 15vw;
}

header #title {
	grid-area: title;
	margin-top: calc(-15% + 42px); /* 42px = dreifache line-height: */
}

header #title h1 a {
	background: url(Petits_Objets_Logo.svg) top left no-repeat;
    text-indent: -100%;
    display: block;
    background-size: 100%;
    height: 6vw;
/*    max-width: 382px;*/
}


header #statement {
	grid-area: statement;
}
header #show-basket-link {
	text-align: right;
	justify-self: end;
	grid-area: show-basket-link;
}

header input[type=submit] {
	font-family: 'letter-gothic-std','times new roman', times, serif;
/*	font-size: 30px;*/
	font-size: 13px;
	border: none;

	width: 100px;
	white-space: normal;
	text-align: right;
	background: none;
}

header input[type=submit]:hover {
	text-decoration: wavy underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}





#items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


#items fieldset {
	flex-basis: calc((100% - 180px) / 3);
	display: inline-block;

	font-size: 13px;
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font-family: letter-gothic-std, monospace;


	display: flex;
	flex-direction: column;

	margin-bottom: 80px;
	row-gap: 40px;
}
#items fieldset img {
	width: 100%;
	height: auto;
}
form[target="paypal"] img {
    width: 1px !important;
}
#items fieldset legend {
	display: none;
}


#items fieldset:nth-child(3n+2) {
	flex-direction: column-reverse;
	/*row-gap: 20px;
	justify-content: space-between;*/
}




fieldset input[type=submit] {
	background-color: transparent;
	font-size: 13px;
	text-align: left;
	font-family: letter-gothic-std, monospace;
	border: none;
	margin: 0px;
	padding: 0 0 5px 0;
}
fieldset input[type=submit]:hover {
	text-decoration: wavy underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

#items .description form {
    display: inline-block;
}

a.detaillink {
    margin-top: 1em;
    padding-top: 1em;
    display: inline-block;
/*			    margin-right: 40px;*/
}
#items .description form:before {
	content: '━';
	margin: 0 5px;
}

#legals {
	display: flex;
	justify-content: space-between;
	column-gap: 15vw;
}
#legals .infotext {
/*	width: 500px;*/
}
#legals img {
	max-width: 30vw;
}

.infotext h1, .infotext h2 {
	font-size: 13px;
	text-align: left;
	font-family: letter-gothic-std, monospace;
	text-transform: uppercase;
	margin: 0 0 1em 0;
}
.infotext h2 {
	margin: 1em 0;
	padding-top: 4em;
}

.infotext p {
	font-family: 'times new roman', times, serif;
	font-size: 30px;
	margin-bottom: 1em;
}






footer {
	font-size: 13px;
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font-family: letter-gothic-std, monospace;

	flex-shrink: 0;
	margin: 50px 50px 0 50px;
    line-height: 1.2em;
    display: flex;
    justify-content: space-between;

    border-top: 1px solid #555;
    padding: 1em 0 0 0;

    flex-wrap: wrap;
    column-gap: 15px;

    text-transform: uppercase;
}

footer h3 {
	text-transform: uppercase;
	margin-bottom: 1em;
}
footer section {
    margin-bottom: 50px;
}




/* DETAILVIEW */
body#detailview img {
	max-width: 100%;
	max-height: 90vh;
}
/*body#detailview footer {
	display: none;
}*/

body#detailview fieldset input[type=submit] {
	font-family: 'times new roman', times, serif;
	font-size: 30px;
	border: none;
	font-weight: normal;
	width: auto;
	white-space: normal;
	text-align: left;
	background: none;
	margin: 50px 0 80px 0;
}

body#detailview fieldset  input[type=submit]:hover {
	text-decoration: wavy underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}




@media (max-width:1050px){

	header {
	    grid-template-columns: 3fr 2fr;
	    grid-template-areas: 
	    "title show-basket-link"
	    "statement show-basket-link";
	    grid-column-gap: 50px;
	    grid-row-gap: 1em;
	    margin-bottom: 80px;

	    grid-template-columns: 2fr 2fr;
	    grid-column-gap: 90px;
	}
	header #title h1 a {
	    height: 8vw;
	}


	#items fieldset {
	    flex-basis: calc((100% - 100px) / 2);
	}
	#items fieldset:nth-child(3n+2) {
	    flex-direction: column;
	}
	#items fieldset:nth-child(2n+1) {
	    flex-direction: column-reverse;
	}



}

@media (max-width:950px){
	#legals {
	    display: block;
	}
	#legals img {
	    max-width: 445px;
	}
}

@media (max-width:800px){


	header {
	    grid-template-columns: 5fr 2fr;
	    grid-template-areas: 
	    "title show-basket-link"
	    "statement show-basket-link";
	    grid-column-gap: 50px;
	    grid-row-gap: 1em;
	    margin-bottom: 80px;
	}

	
	#items, #items fieldset {
	    display: block;
	}
	#items fieldset .description {
		margin-top: 1em;
	}
	#items fieldset {
	    max-width: 445px;
	}




	footer {
		display: block;
	}

}

@media (max-width:560px){
	
	#legals img {
	    max-width: 100%;
	}


}
@media (max-width:490px){

	header {
	    grid-template-columns: 5fr 2fr;
	    grid-template-areas: 
	    "title show-basket-link"
	    "statement statement";
	    grid-column-gap: 50px;
	    grid-row-gap: 1em;
	    margin-bottom: 80px;
	}
	header {
	    grid-template-columns: 1fr;
	    grid-template-areas: 
	    "title"
	    "statement"
	    "show-basket-link";
	    grid-column-gap: 50px;
	    grid-row-gap: 1em;
	    margin-bottom: 80px;
	}
	
	#content {
	    padding: 15px;
	}
	footer {
	    margin: 0;
	    padding: 15px;
	}
	/*footer {
	    background: #3c3c3c;
	    color: white;
	}
	footer a {
	    color: white;
	    text-decoration-color: white;
	}*/


	div#show-basket-link {
	    position: fixed;
	    background: #949494;
	    font-size: 16px;
	    width: auto;
	    right: 15px;
	}
	header input[type="submit"] {
	    font-size: 20px !important;
	    width: 75px !important;
	    color: black;
	    /* overflow-wrap: break-word; */
	    /* white-space: pre-wrap; */
	}


	#items fieldset {
	    font-size: 16px;
	    font-weight: normal;
	}

	fieldset input[type=submit] {
	    font-size: 16px;
	    color: black;
		font-weight: normal;
	}



}