@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body
{
 font-family: 'Noto Sans', sans-serif; letter-spacing:0; color:#000000; line-height:1.35em; font-size:16px;
 padding:2rem;
}

b, h1, h2, h3, h4, h5
{
 color:#000000;
 margin-bottom:0.5rem;
}

p {
	padding-top:0;
	margin-bottom:2rem;
}

h5
{
 margin-bottom:0px; padding-bottom:0px; margin-top:5px;
}

a { color:#000000; text-decoration:none; }
a:hover { color:#000000 }


img
{
 display:inline-block; 
 margin:0;
 vertical-align:top;
}

.cart {
	max-width:1024px;
}

.cart table {
	width:100%;
}

.cart table tr.lastrow {
	border-top:2px solid #000000;
}

.cart table tr.lastrow td {
	border-bottom:0;
}

form.form-plus, form.form-minus {
	padding:0; margin:0;
	display:inline;
}

form.form-plus button, form.form-minus button {
	padding:0; margin:0;
	height:auto;
	line-height:normal;
	font-size:20px;
	width:22px;
	height:22px;
	border:none;
	padding-bottom:3px;
	border-radius:50%;
	background-color:#000000;
	color:#ffffff;
	margin-left:3px;
}

.form-box100 {
	display:block;
	padding-right:2%;
}


.form-box50,
.form-box40,
.form-box60,
.form-box25,
.form-box35 {
	padding-right:2%;
	display:inline-block;
	vertical-align:top;
}


.form-box50 {
	width:48%;

}
.form-box40 {
	width:38%;
}
.form-box60 {
	width:58%;
}
.form-box25 {
	width:23%;
}
.form-box35 {
	width:33%;
}

@media (max-width: 700px) {
	.form-box40 {
		width:58%;
	}
	.form-box35 {
		display:block; width: auto;
	}
	.form-box25 {
		width:38%;
	}
}


@media (max-width: 520px) {
	.form-box50 {
		display:block; width: auto;
	}
}

@media (max-width: 380px) {
	.form-box40, .form-box25 {
		display:block; width: auto;
	}
}



label span.required { color:rgb(255, 0, 0); font-size:2rem; line-height:0.5rem; padding-bottom:0.6rem; display:inline-block; vertical-align:bottom }




.checkout-left {
	max-width:600px;
	padding:2rem 0; 
	width:60%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.checkout-right {
	width:38%;
	margin-left:2%;
	padding:2.5rem;
	background-color:#eeeeee;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}

.content-page {
	max-width:800px;
	margin:0 auto;
	line-height:2.5rem;
}





form.form-checkout {
	max-width:600px;
	margin-bottom:0;
	padding-bottom:0;
}

form.form-checkout label {
	font-weight:normal;
	font-size:1.3rem;
}

form.form-checkout input, form.form-checkout select, form.form-checkout textarea  {
	width:100%;
	border-radius:0;
}

form.form-checkout input.form-error {
	border-color:#c1a0a0;
}

.checkout-summary .checkout-summary-headline {
	font-weight:bold;
	display:block;
	padding-bottom:0.8rem;
}
.checkout-summary .checkout-summary-box {
	padding-bottom:0.5rem;
}

.checkout-summary label {
	font-weight:400; display:block;
	padding-top:0.3rem 0;
}
.checkout-summary label input {
	font-weight:400; display:inline-block; vertical-align:top; margin:0; padding:0; margin-right:0.8rem; margin-top:0.5rem
}
.checkout-summary label span {
	font-weight:400; display:inline-block; vertical-align:top;
}
.checkout-summary label span.info { font-size:1.2rem;}
.checkout-summary label span.info2 { font-size:1.2rem; color: #158bc5}

.checkout-summary b {
	display:block; margin-bottom:0.1rem;
}

.container { 
	padding:0 1rem;
	max-width:1280px;
}

.header {
	position:relative;
	display:block;
	top:2.5rem;
	padding-bottom:3.5rem;
	padding-left:3.5rem;
	padding-right:0.5rem;
}

.header_nav {
	position:absolute;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	left:0;
	right:0;
	top:3rem;
}

.header a.header_nav_link {
	padding:1rem;
	display:inline-block;
	vertical-align:middle;
	border-bottom:3px solid #FFFFFF;
}

.header .header_nav a.header_nav_link:hover {
	border-bottom:3px solid #000000;
}

.header a.header_nav_instagram {
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	background-image: url("../images/instagram.svg");
	background-repeat: no-repeat;
	background-size:30px auto;	
	margin-top:-5px;
}


.logo {
	position:relative;
	z-index:2;
	display:inline-block;
	vertical-align:middle;
	max-width:220px;
	height:auto;
	padding-top:1rem;
	padding-bottom:2rem;
}

.go-to-cart {
	position:absolute;
	right:4px;
	top:0.5rem;
	display:block;
	width:28px;
	height:28px;
	background-image: url("../images/cart2.svg");
	background-repeat: no-repeat;
	background-size:28px auto;
}

.product--index {
	display:inline-block;
	width:25%;
	padding:0.5rem;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	top:-2rem;
	bottom:-2rem;
}



.product-image--index {
	width:110%;
	position:relative;
	left:-5%;
	-webkit-transition: transform 1s ease-in-out;
}



.product--index:nth-child(odd) .product-image--index:hover {
	transform: rotate(10deg)
}
.product--index:nth-child(even) .product-image--index:hover {
	transform: rotate(-10deg)
}



.product-info--index {
	text-align:center;
	padding:0.8rem 0.5rem;
}

.product-name--index {
	display:block;
	font-size:1.2rem;
}

.product-price--index {
	display:block;
	font-size:1.6rem;
}




.product-page {
	
}


h1 {
	font-size:2.5rem;
	margin-bottom:0.8rem;
}


h2 {
	font-size:2.2rem;
	margin-bottom:0.6rem;
}


.product-page h1, .content h1 {
	font-size:2rem;
	margin-bottom:0.5rem;
}
.checkout-page h1 {
	font-size:2.2rem;
	margin-bottom:0rem;
}

.product-page h2, .content h2 {
	font-size:1.8rem;
	margin-bottom:0rem;
}
.checkout-page h2 {
	font-size:1.8rem;
	margin-bottom:0.5rem;
}



.product-page p {
	font-size:1.5rem;
	padding-top:1.5rem;
	color:#888888;
}

.product-page__left {
	display:inline-block;
	vertical-align:top;
	width:50%;
}

.product-page__left img {
	position:relative;
	top:-3rem;
	margin-bottom:-3rem;
}

.product-page__right {
	display:inline-block;
	vertical-align:top;	
	width:45%;
	padding-left:5%;
	padding-top:2rem;
}


.product-price {
	font-size:3rem;
	display:block;
	margin-bottom:2rem;
}

.checkout-page .error-box {
	background-color:#eeeeee;
	padding:1rem;
	margin-top:1rem;
}

.checkout-page ul {
	padding-bottom:0;
	margin-bottom:0;
}



.button
{
 border:1px solid #DAD3D0; 
}

.button:hover
{
 border:1px solid #82736B
}

.button.button--purchase {
	color:#FFFFFF;
	border: 1px solid #000000;
	background-color:#000000;
}

.projekt_index
{
 transition: all .5s ease-in-out;
 overflow: hidden;      /* hide the overflow */
}

.box_index 
{
 display: inline-block;
 max-width: 960px;
 max-height:400px;
 width:100%;
 height:auto;
 position: relative;
 overflow: hidden;  
 margin:0px;
 padding:0px;
 margin-bottom:0.5%;
}






@media (max-width: 1200px) {
	.product--index {
		width:33.3%;
		padding:0.5rem;
	}
	
	.header_nav {
		position:relative;
		width:calc(100% - 230px);
		top:0rem;
		display:inline-block;
		vertical-align:middle;
		padding-bottom:2rem;
	}
}

@media (max-width: 1000px) {

	.checkout-left {
		width:50%;
	}
	.checkout-right {
		width:49%;
		margin-left:1%;
	}
}

@media (max-width: 800px) {
	
	.checkout-page .error-box {
		padding:2rem;
	}

	.checkout-left {
		width:auto;
		display:block;
		padding:2rem;
	}
	.checkout-right {
		width:auto;
		display:block;
		margin:0;
		padding:2rem;
	}
	
	.checkout-page h1 {
		padding-left:2rem;
	}
}




@media (max-width: 680px) {
	.product--index {
		width:50%;
		padding:0.5rem;
	}
	
	.header {
		text-align:center;
		padding-top:2rem;
		padding-bottom:0.5rem;
		padding-left:0;
	}
	.header_nav, .header {
		display:block;
		margin:0 auto;
		position:static;
		width:auto;
	}
	
	.header_nav {
		padding-top:1rem;
	}
	
	.go-to-cart {
		top:2rem;
		right:0;
	}
	
	.logo {
		display:block;
		margin:0 auto;
		width:140px;
		padding-top:0;
		padding-bottom:0;
	}
}

@media (max-width: 540px) {
	
	body { padding:0.8rem; }
	
	.header_nav a {
		font-size:1.4rem;
	}	
	
	.product-page__left {
		display:inline-block;
		vertical-align:top;
		width:45%;
	}

	.product-page__right {
		display:inline-block;
		vertical-align:top;	
		width:52%;
		padding-left:3%;
		padding-top:2rem;
	}	
}

@media (max-width: 540px) {
	

	.product-page__left {
		display:block;
		width:auto;
		padding:0 4rem;
	}

	.product-page__right {
		display:block;
		width:auto;
		padding:0 4rem;
	}	
}


@media (max-width: 380px) {

	.product--index {
		width:100%;
		padding:0.5rem;
	}
	.product-page__left {
		padding:0;
	}
	.product-page__right {
		padding:0 2rem;
	}
}


.box_index:hover .projekt_index{

}

.photo
{
 float:left;
 max-width:187px;
 width:30%;
 height:auto;
 margin-right:2%;
 margin-bottom:2%;
}




@media (max-width: 520px) 
{
 .header .button
 {
  font-size:10px;
  height:30px;
  padding:0px 4px;
  line-height: 30px;
 }
 
 /*
 body 
 {
  font-size: 13.3px;
  padding:0 3%;
 }
 
 h4
  {
  font-size: 21.3px;   
  line-height:25px;
  margin-bottom:10px;
 }
 */


 
 .container
  {
  width:100%; 
  padding:0px;
  max-width:1280px;
 }
 
 
}