@media only screen and (min-width: 990px) {

	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.rolex p.mobile, .rolexcta-mobil {
		display: none;
	}
	.rolexcta {
		position: absolute;
		display: block;
		height: auto;
		bottom: 29%;
		left: 55%;
		padding-left: 0px;
		text-align: left;
		z-index: 400;
		cursor: pointer;
		border: 0px solid red;
	}
	.rolexcta h2 {
		display: block;
		width: 100%;
		text-decoration: none;
		/*background-color: #fff;*/
		color: #212121;
		/*color: #fff !important;*/
		font-weight: 700;
		margin-top: 0px;
		font-size: 1.5em;
		line-height: 120%;
	}
.rolexcta h2 span {
font-size: 0.75em;
}
	.rolexcta p {
		display: inline-block;
		text-decoration: none;
		background-color: #127749;
		color: #fff;
		line-height: 40px;
		height: 40px;
		margin-top: 0px;
		font-size: 0.75em;
		border: 1px solid #037844;
		border-radius: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
#gridspezial {
	/* It is split into 2 columns */
	column-count: 1;
}
}
@media only screen and (min-width: 980px) {
	/*body {
	font-size: 93.1%;
}*/
	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.rolexcta {
		position: absolute;
		display: block;
		height: auto;
		bottom: 29%;
		left: 55%;
		padding-left: 0px;
		text-align: left;
		z-index: 400;
		cursor: pointer;
		border: 0px solid red;
	}
	.rolexcta h2 {
		display: block;
		width: 100%;
		text-decoration: none;
		/*background-color: #fff;*/
		color: #212121;
		/* color: #fff !important; */
		font-weight: 700;
		margin-top: 0px;
		font-size: 1.5em;
		line-height: 120%;
	}
	.rolexcta h2 span {
font-size: 0.75em;
}
	.rolexcta p {
		display: inline-block;
		text-decoration: none;
		background-color: #127749;
		color: #fff;
		line-height: 40px;
		height: 40px;
		margin-top: 0px;
		font-size: 0.75em;
		border: 1px solid #037844;
		border-radius: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.rolexcta.banner2 {
		left: 65%;
	}
	#gridspezial {
	/* It is split into 2 columns */
	column-count: 1;
}
}

@media only screen and (min-width: 1100px) {
	/*body {
	font-size: 93.1%;
}*/

	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.rolex p.desktop {
		display: block;
	}
	.rolex p.mobile, .rolexcta-mobil {
		display: none;
	}
	.rolexcta {
		position: absolute;
		display: block;
		height: auto;
		bottom: 29%;
		left: 55%;
		text-align: left;
		z-index: 400;
		cursor: pointer;
		border: 0px solid red;
	}
	.rolexcta h2 {
		display: block;
		width: 100%;
		text-decoration: none;
		/*background-color: #fff;*/
		color: #212121;
		font-weight: 700;
		margin-top: 0px;
		font-size: 1.5em;
		line-height: 120%;
	}
	.rolexcta h2 span {
font-size: 0.75em;
}
	.rolexcta p {
		display: inline-block;
		text-decoration: none;
		background-color: #127749;
		color: #fff;
		line-height: 40px;
		height: 40px;
		margin-top: 0px;
		font-size: 0.8em;
		border: 1px solid #037844;
		border-radius: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.rolexcta.banner2 {
		left: 65%;
	}
#gridspezial {
	/* It is split into 2 columns */
	column-count: 2;
}
	}

@media only screen and (min-width: 1380px) {
	/*body {
	font-size: 100.1%;
}*/
	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.rolex p.desktop {
		display: block;
	}
	.rolex p.mobile, .rolexcta-mobil {
		display: none;
	}
	.rolexcta {
		position: absolute;
		display: block;
		height: auto;
		bottom: 29%;
		left: 55%;
		padding-left: 0px;
		text-align: left;
		z-index: 400;
		cursor: pointer;
		border: 0px solid red;
	}
	.rolexcta h2 {
		display: block;
		width: 100%;
		text-decoration: none;
		/*background-color: #fff;*/
		color: #212121;
		font-size: 2.00em;
		font-weight: 700;
		margin-top: 0px;
		line-height: 120%;
	}
		.rolexcta h2 span {
font-size: 0.70em !important;
}
	.rolexcta p {
		display: inline-block;
		text-decoration: none;
		background-color: #127749;
		color: #fff;
		line-height: 50px;
		height: 50px;
		margin-top: 0px;
		font-size: 1.0em;
		border: 1px solid #037844;
		border-radius: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.rolexcta.banner2 {
		left: 65%;
	}
	#gridspezial {
	/* It is split into 2 columns */
	column-count: 2;
}
}
@media only screen and (min-width: 1700px) {
	/*body {
	font-size: 106.1%;
}*/
}

@media only screen and (min-width: 1900px) {
	/*body {
	font-size: 106.1%;
}*/
}
@media only screen and (max-width: 1100px) {
	#produktgalerie li {
		position: relative;
		flex: 1 0 31%;
		text-align: center;
		/* width: 30%; --- 3spaltig 
		width: 23%;*/
		margin: 0 1%;
		margin-bottom: 30px;
		padding: 1.0%;
		z-index: 1;
	}
	#gridspezial {
	/* It is split into 2 columns */
	column-count: 3;
}
}
@media only screen and (max-width: 980px) {
	body {
	font-size: 98.1%;
}
	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	#sonderinformation {
		padding-top: 50px;
	}
	#kopf {
		padding-top: 20px;
	}
	.wrapper {
		position: relative;
		margin: 0;
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		background-color: #ffffff;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border: 0px solid red;
		box-shadow: 0 0px 7px rgba(55, 63, 67, 0.4);
	}
	.inhalte {
		padding-top: 0;
	}
	#navigation .rolex-retailer-clock {
		position: relative;
		right: inherit;
		top: inherit;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	#navigation.fixed .wrapper {
		width: 100%;
		margin: 0 auto;
	}
	.mainnavi {display: none;}
	.boxzentriert {
		display: block;
		margin: 0 auto;
		width: 98%;
		min-width: 98%;
		max-width: 98%;
	}
	.film.selfhosted video, .videobox {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}
	#fuss {
		position: relative;
	}

	.inhalte .zeile .spalten.startheader h1 {
		margin: 0 auto;
		text-align: left !important;
	}
	.colbig {
		display: block;
		float: none;
		width: 100%;
	}
	.colsmall {
		display: block;
		float: none;
		width: 100%;
		border: 0px solid #fff;
	}

	.zeile {
		width: 96%;
		margin: 0 auto 0 auto;
		max-width: 100%;
	}


	.zeile.hintergrund, .zeile.hintergrund.oben {
		margin-top: 0px;
		width: 96%;
		padding: 0 !important;
		background: 0 !important;
	}
	.inhalte.zeile.headerpic {
		width: 100%;
		padding: 0;
	}
	.inhalte.zeile.headerpic .spalte, .inhalte.zeile.headerpic .spalten{
		width: 100%;
		padding: 0;
	}
	.startnews:nth-child(even) .newstxt {
		float: none;
		padding-top: 0;
	}
	.startnews:nth-child(even) .newsbild {
		float: none;
	}
	.startnews:nth-child(odd) .newstxt {
		float: none;
		padding-top: 0;
	}
	.startnews:nth-child(odd) .newsbild {
		float: none;
	}
	#ei-slider {margin: 0;}
	.spalten {
		margin-top: 2.0em;
	}
	.zeile.abstand {
		padding: 0;
	}
	.whitespace, .jhscol:nth-child(odd) .whitespace, .jhscol:nth-child(even) .whitespace   {
		padding: 0vw;
	}
	
	.startheader h1 {
		text-align: left !important;
	}
	.inhalte h1#headertxt1 {
		font-size: 1.4em;
		color: #333;
		text-align: left;
		margin-bottom: 0px;
	}
	.sp1-2, .sp2-2 {
		float: none;
		width: 100%;
		border: 0px solid #000;
	}
	.st-content img.marke, .st-content a.bigger img {
		margin-bottom: 30px;
	}
	.rolex p.desktop {
		display: none;
	}
	.rolex p.mobile, .rolexcta-mobil {
		display: block;
	}
	.rolexcta, .rolexcta-mobil {
		position: relative;
		display: block;
		bottom: inherit;
		left: inherit;
		right: inherit;
		width: 100%;
		height: auto;
		margin-top: 13px;
		margin-bottom: 0px;
		text-align: center;
		z-index: 400;
	}
	.rolexcta h2, .rolexcta-mobil h2, .rolexcta.white h2 {
		display: block;
		text-decoration: none;
		/*background-color: #fff;*/
		color: #212121;
		font-weight: 700;
		margin-top: 0px;
		font-size: 1.2em;
		line-height: 120%;
	}
	.rolexcta-mobil h2 span {
		display: block;
		font-size: 0.8em !important;
		color: #727271;
		font-weight: 700;
	}

	.rolexcta p, .rolexcta-mobil p {
		display: inline-block;
		text-decoration: none;
		background-color: #127749;
		color: #fff;
		line-height: 40px;
		height: 40px;
		margin-top: 0px;
		font-size: 0.8em;
		border: 1px solid #037844;
		border-radius: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.zwoelf.spalten.rolex .pic {
		overflow: hidden;
	}
	.zwoelf.spalten.rolex .pic img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
	#extranavi, #extranavi.fixed, .noscreen img {display:none;}
	.film {
		float:none; 
		width: 100%; 
		margin-right: 0;
	}
	.markentext {
		min-height:auto; 
	}
	
	/* Layouts SuperStandardVorlage -------------- */
.width_full {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.width_full_padding {
	display: block;
	position: relative;
	margin: 0 auto;	
	width: 90%;
}
.width_medium {
	display: block;
	position: relative;
	margin: 0 auto;	
	width: 75%;
	padding-left: 0;
	padding-right: 0;
}
.width_small {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 75%;
}

/* Card-Design ----------*/

.inhalte .card-container .card img {
display: block;
	width: 100%;
	height: auto;
}
.card-container.zwei .card {
	width: 48%;
	margin: 1%;
}
.card-container.drei .card {
	width: 33%;
}
.card-container.vier .card {
	width: 23%;
}
.card-container h3, .card-container p {
	margin-top: 10px;
}
.inhalte .card-container img {
	display: block;
	width: 100%;
	height: auto;
}
.inhalte .card-container.rubrik {
text-align: center;
}
.inhalte .galerieinfobox {
display: block;
	margin: 0 auto;
}

.ohneformat {
	border: none !important;
	background: none !important;
	line-height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* Ende SuperStandardVorlage ------------- */

	
	ul.produktbilder {
		list-style-type: none !important;
		margin: 0;
		padding: 0;
		border: 0px solid #000;
		text-align: left;
	}
	ul.produktbilder.reihe {
		margin: 0 auto;
		margin-top: 0px;
		text-align: left;
	}
	ul.produktbilder.reihe:after {
		content: "";
		display: inline-block;
		padding-left: 100%;
	}
	ul.produktbilder li {
		display: inline-block;
		width: 45%;
		margin-bottom: 15px;
		margin-left: 3%;
		margin-right: 0%;
		text-align: center;
	}
	ul.produktbilder.reihe li {
		display: block;
		float: left;
		width: 45%;
		margin-bottom: 55px;
		margin-left: 0%;
		margin-right: 5%;
		text-align: center;
	}

	ul.produktbilder.reihe li:nth-child(4n) {
		margin-right: 5%;
		margin-left: 5%;
	}
	ul.produktbilder img {
		border: 0;
		width: 100%;
		height: auto;
		padding: 0px;
	}
	ul.produktbilder.reihe li.last2 img {border: 1px solid red; }
	.produktbilder p {
		margin: 0;
		padding: 0;
		line-height: 100%;
		margin-top: 3px;
	}
	#produktgalerie li {
		position: relative;
		flex: 1 0 48%;
		text-align: center;
		margin: 0 1%;
		margin-bottom: 30px;
		padding: 1.0%;
		z-index: 1;
	}
	.inhalte #produktgalerie li div.preisangabe div p {
		margin: 0px !important;
		padding: 0px !important;
		font-size: 11px;
		font-size: 0.75em;
		
	}
	.inhalte #produktgalerie li div.preisangabe {
		padding-top: 6px;
		padding-bottom: 6px;
		height: 100%;
	}
	.inhalte #produktgalerie li a {
	margin-top: 10px;
	}
	ul#marke, ul.schmuckrubriken {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		margin-bottom: 100px;
	}
	ul#marke li, ul.schmuckrubriken li {
		display: block;
		width: 80%;
		height: auto;
		text-align: center;
		margin-bottom: 3vw;
	}
	ul#marke li a, ul.schmuckrubriken li a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		box-shadow: 0px 0px 5px 0px rgba(163,153,153,0.4);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(163,153,153,0.4);
		-moz-box-shadow: 0px 0px 5px 0px rgba(163,153,153,0.4);
	}
	ul#marke li a:hover, ul.schmuckrubriken li a:hover {
		box-shadow: 0px 0px 0px 0px rgba(163,153,153,0.4);
		-webkit-box-shadow: 0px 0px 0px 0px rgba(163,153,153,0.4);
		-moz-box-shadow: 0px 0px 0px 0px rgba(163,153,153,0.4);
	}
	#marke li a img, ul.schmuckrubriken li a img {
		position: relative;
		width: 60%;
		max-width: 150px;
		height: auto;
		margin: 0 auto;
		padding: 4vw;

		vertical-align: middle;
		text-align: center
	}
.inhalte .produkttext2 {
	padding: 20px;
	}
	.pt_box {
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 90%;
}
	#fuss1 {
		position: relative;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: auto;
		line-height: 100% !important;
		padding: 20px;

		border: 0px solid #000;
	}
	.film.selfhosted video {
		text-align: center;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}
	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0%;
		width: 100%;
		height: 100%;
		z-index: 100;
		background-color: #000;
	}

	#fuss1 p {
		line-height: 150%;
		text-align:left;
	}
	ul.metanavi li {
		float: left;
		padding-left: 0;
		padding-right: 15px;
	}
	.fussnavi {
		float: none;
	}
	ul.metanavi {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0px solid #fff;
	}
	ul.metanavi li {
		float: left;
	}
	ul.metanavi {margin-bottom:20px;}
	ul.metanavi li a {
		height: auto;
		line-height: 130%;
		padding: 0;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
		font-size: 0.8rem;
	}
	.inhalte .telrespons {
		text-decoration: none !important;
		border-bottom: 1px solid #dadada !important;
	}
	.zeile.startheader {
		width: 100%; max-width: 100%; padding: inherit; padding-top: 0; padding-bottom: 0; margin-bottom: 0;
	}
	p.responsive {display: block; padding-bottom: 20px; padding-top: 20px !important; margin-top: 20px;}
	#fuss2 {
		display:none;
	}
	.cobranding {
		display: none;
	}
	table.preistabelle.jubilaeumsring, table.preistabelle.lafleur {
		display: table;
		width: 100%;
		max-width: 800px;
	}
	#gridspezial {
	/* It is split into 1 columns */
	column-count: 1;
}
}
@media only screen and (max-width: 630px) {
	/* Bildnachweis ------------------- */
	ul.bildnachweis {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.bildnachweis li {
		margin-bottom: 10px;
	}
	.bildnachweis li img {
		display: block;
		width: 100px;
		height: auto;
		margin-right: 15px;
		vertical-align: middle;
	}
	.logotop {
		display: block;
		width: 92%;
		margin: 0 auto;
		margin-bottom: 0px;
		padding-top: 30px;
		text-align: center;
	}
	.logotop img {
		display: block;
		width: 60%;
		max-width: 200px;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	#produktgalerie li {
		flex-direction: column;
	}
	.inhalte.contentheader .logoheaderwidth.maxwidth img {
	max-width: 75%;
	height: auto;
}
}