
/*this will make the container responsive*/
/*This effects the size of the "Result" if you remove this the size will shrink you can also edit the width to edit the size*/
.div_preise {
	background-color: LightGrey;
	font-weight: bold;
	margin: 0px auto;
	padding-top: 0px;
	padding-right: 0px;
      width: 550px;
}
.box {
	margin: 0px auto;
  /*The following line has been commented out to fix the issue with responsiveness.
     /* background: white;*/
}
.box1 {
	border-bottom: solid 2px;
}
.box2 {
  width: 50%;
	float: left;
}
.box3 {
  width: 50%;
	float: right;
     	font-weight: normal;
}
.preise {
	list-style-type: none!important;
      margin:0!important;
    padding: 20px;
}
#Feingold {
	font-size: 50pt;
	line-height: 50pt;
  	font-weight: normal;
	text-align: center;
}
#FeingoldP {
	font-size: 120pt;
  	text-align: center;
	line-height: 100pt;
}
#FeingoldE {
	font-size: 20pt;
	text-align: right;
   	font-weight: normal;
	line-height: 20pt;
	margin-bottom: 0px;
}
#Schmuckgold {
	font-size: 30pt;
    text-align: center;
  	font-weight: normal;
	line-height: 20pt;
}
#SchmuckgoldP {
	font-size: 65pt;
  	text-align: center;
	line-height: 80pt;
}
#SchmuckgoldE {
	font-size: 15pt;
	text-align: right;
   	font-weight: normal;
	line-height: 13pt;
}
.preise3 {
	list-style-type: none!important;
	text-align: left;
      margin:0!important;
    padding: 20px;
	font-size: 15pt;
}
#responsive {
	display: inline-block;
	position: relative;
	width: 100%;
	background-size: contain;
}
/*Removing this will remove the formatting , Please keep */

@media screen and (max-width:500px) {
    body {
        width: 240px;
    }


	.div_preise {
		width: 240px;
		margin: 3px auto;
		padding-top: 0px;
		padding-right: 0px;
		border: solid 1px;
      border:0;
	}
	.box {
		margin: 0px auto;
     	border:0;
          background: white;

	}
	.box1 {
  width: 100%;
		border-bottom: solid 1px;
	}
	.box2 {
      width: 50%;
		vertical-align: top;
	}
	.box3 {
      width: 50%;

	}
	.preise {
		list-style-type: none!important;
      margin:0!important;
		padding: 20px;
	}
	#Feingold {
		font-size: 16pt;
		line-height: 16pt;
	}
	#FeingoldP {
		font-size: 45pt;
      text-align: center;
		line-height: 36pt;
	}
	#FeingoldE {
		font-size: 16pt;
		text-align: right;
		line-height: 6pt;
	}
	#Schmuckgold {
		font-size: 10pt;
		line-height: 11pt;
	}
	#SchmuckgoldP {
		font-size: 36pt;
      text-align: center;
		line-height: 40pt;
	}
	#SchmuckgoldE {
		font-size: 5pt;
		text-align: right;
		line-height: 4pt;
	}
	.preise3 {
		list-style-type: none!important;
		text-align: left;
		padding: 20px;
      margin:0!important;
		font-size: 10pt;
		line-height: 10pt;
	}
}
