html, body
{
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, -webkit-gradient(radial, 21% 0%, 0, 21% 0%, 237, color-stop(0.26, #212121), color-stop(0.00, #333));
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, -webkit-radial-gradient(21% 0%, circle, #333 0%, #212121 26%);
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, -moz-radial-gradient(21% 0%, circle, #333 0%, #212121 26%);
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, -o-radial-gradient(21% 0%, circle, #333 0%, #212121 26%);
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, -ms-radial-gradient(21% 0%, circle, #333 0%, #212121 26%);
	background: url("http://www.altstadt-schmuckeria.de/img/patterns_30.png") repeat, radial-gradient(21% 0%, circle, #333 0%, #212121 26%);

}

.back-bg-color
{
	background-color: transparent;
	border: 0px;
}

#address iframe{
	width: 100%;
	height: 350px;
}

hr
{
	border: solid white 0.5px;
	width: 100%;
}

h1{
	font-size: 32px;
	margin-top: 150px;
	text-shadow: 10px 10px 10px black;
	text-align: center;
}

h2{
	color: rgb(230, 0, 0);
	font-size: 26px;
	margin-bottom: 50px;
	text-shadow: 10px 10px 10px black;
	text-align: center;
}

.popupText h2{
	color: rgb(230, 0, 0);
	font-size: 26px;
	text-shadow: 10px 10px 10px black;
	text-align: center;
}


.back-dark-nav
{
	background-color: rgb(51, 51, 51);
}

.container {
	opacity: 1;
	
	/*-webkit-transform: translate3d(0,0,0)scale(1);
	-webkit-animation: slideIn .35s ease-in-out;
	
	-moz-transform: translate3d(0,0,0)scale(1);
	-moz-animation: slideIn .35s ease-in-out;
	
	transform: translate3d(0,0,0)scale(1);*/
	animation: slideIn 3.5s ease-in;
}
@-webkit-keyframes slideIn {
	0%      {opacity: 0;
			visibility: hidden;
			 -webkit-transform: translate3d(0,5%,0)scale(.97);}
	100%    {opacity: 1;
			 visibility: visible;
			 -webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: 0;
			visibility: hidden;
			 -moz-transform: translate3d(0,5%,0)scale(.97);}
	100%    {opacity: 1;
			visibility: visible;
			 -moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	from      {opacity: 0;
			visibility: hidden;}
	to    {opacity: 1;
			visibility: visible;}
}

h2:before{
	content:' ';
	display:block;
	height:100px; /* Hoehe der Navigation */
}

.popupText h2:before{	
	content:' ';
	display:block;
	height:0px; /* Hoehe der Navigation */
}

#welcome {
	margin: 0px !important;
}

#welcomewriter {
	margin-top: 200px;
	width: 100%;
}

.css-typing {
	text-align: center;
	color: white;
}

.offer-card {
	min-height: 240px;
	max-width: 400px;
	background: -webkit-gradient(radial, 50% 24%, 0, 50% 24%, 120, color-stop(1.00, #5c0909), color-stop(0.00, #ff0002));
	background: -webkit-radial-gradient(50% 24%, circle, #ff0002, #5c0909);
	background: -moz-radial-gradient(50% 24%, circle, #ff0002, #5c0909);
	background: -o-radial-gradient(50% 24%, circle, #ff0002, #5c0909);
	background: -ms-radial-gradient(50% 24%, circle, #ff0002, #5c0909);
	background: radial-gradient(50% 24%, circle, #ff0002, #5c0909);


}

.offer-header {
	font-size: x-large;
background: url("http://grad3.ecoloniq.jp/sample/img/patterns_34.png") repeat;

}

.offer-text{
	font-size: larger;
}

.offer-price {
	font-size: xx-large;
	font-weight: bold;
}

.modal-dialog {
	width:auto;
}

#alles5 {
	margin-top:50px;
}

#hygiene {
	margin-top:50px;
}
