/* Bei Hintergrundbild graue Hintergrundfarbe auskommentieren in body, #kopf, #navigation, # */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, fuss, kopf, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older bzeilesers */
article, aside, details, figcaption, figure, fuss, kopf, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 100.01%;
	height: 100.1%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
div {
	/*position: relative;*/
	min-width: 0;
}
q:before, q:after {
	content: '';
}
strong, b {
	font-weight: 500;
}
a {
	outline: none;
}
em {
	font-style: italic;
}

.we-table-extra-space-before {
	margin: 0;
	padding: 0;
}

.no-hyphen {
	hyphens: none !important;
	white-space: nowrap; 
}
/* Ende RESET ---------------------------------- */

html {
	height: 101%;
}
body {
	position: relative;
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	/*background-color: #f5f0ee;*/
	background-color: #f1f1f1;
	/*background-image: url(/images/weihnachten1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover; */
	text-align: center;
	font-weight: 400;
	/*font-size: 106.1%;*/
	font-size: calc(14px + (18 - 12) * ((100vw - 320px) / (2200 - 320)));
	color: #444444;
}
#rahmen {
	display: block;
	position: relative;

}
#sonderinformation {
	display: block;
	position: relative;
	width: 100vw;
	/*background-color: #d30c02;*/
	background-color: #4c5258;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 2vw;
	padding-right: 2vw;
}
#sonderinformation p {
	color: #fff;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
#sonderinformation p strong {
	color: #fff !important;
}
#sonderinformation a {
	color: #fff;

}

#kopf {
	position: relative;
	width: 100%;
	/*background-color: #f1f1f1; auskommentieren bei Bildhintergrund */ 
	z-index: 2000;
	text-align: center;
}
#logobereich a span {

}
.logotop {
	display: block;
	width: 92%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-top: 50px;
	text-align: center;
}
.logotop img {
	display: block;
	width: auto;
	height: 70px;
	/*width: 300px;
	max-width: 230px !important;
	height: auto;*/
	margin: 0 auto;
	text-align: center;
}
#navigation .rolex-retailer-clock {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 6100;
}
img.markenplakette {
	display: inline-block;
	width: auto;
	height: 70px;
}
#navirespons, .naveins, .navzwei  {
	display: none;
}

#navigation {
	display: block;
	width: 100%;
	height: 70px;
	position: relative;
	z-index: 1000;
	border-bottom: 0px solid #c0c0c0;
}
main {

}
.wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 90%;
	min-width: 768px;
	max-width: 1600px;
	background-color: #ffffff;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 40px;
	z-index: 700;
	/*	box-shadow: 0 0px 20px rgba(55, 63, 67, 0.2);*/
}
#navigation .wrapper, #navigation.fixed .wrapper {
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0;
	border: 0px solid #000;
}
.inhalte {
	display: block;
	position: relative;
	margin-bottom: 100px;
	text-align: left;
}
.inhalte::last-child {
	padding-bottom: 0px;
}
.inhalte.contentheader {
	display: block;
	margin-bottom: 0;
}

.inhalte.boxzentriert {
	display: block;
	margin: 0 auto;
	width: 75%;
	min-width: 600px;
	max-width: 800px;
}
.colbig {
	display: block;
	float: left;
	width: 65%;
}
.colsmall {
	display: block;
	float: right;
	width: 35%;
	border: 0px solid #fff;
}
.inhalte .produkttext2 {
	display: block;
	margin-top: 0px;
	/*background-color: #f1f1f1;*/
	background-color: #fff;

}
.pt_box {
	display: block;
	margin: 0 auto;
	width: 62%;
	max-width: 62%;
}
/* Layouts SuperStandardVorlage -------------- */
.inhalte.contentheader .logoheader, .inhalte.contentheader .logoheaderwidth, .inhalte.contentheader .logoheaderheight, .inhalte.contentheader .logoheaderwidth2 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	margin-bottom: 0;
	overflow: hidden;
}
.inhalte.contentheader .logoheader img {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width: auto;
	height: 75%;
	max-height: 90px;
}
.inhalte.contentheader .logoheaderwidth img {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width: auto;
	height: 75%;
	max-height: 70px;
}
.inhalte.contentheader .logoheaderwidth.maxwidth img {
	max-width: 400px;
	height: auto;
}
.inhalte.contentheader .logoheaderwidth2 img {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width: 60%;
	max-width: 400px;
	height: auto;
	max-height: auto;

}
.inhalte.contentheader .logoheaderheight img {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width: auto;
	height: 75%;
	max-height: 90px;
}
.width_full {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.width_full_padding {
	display: block;
	position: relative;
	margin: 0 auto;	
	width: 90%;
	overflow: hidden;
}
.width_medium {
	display: block;
	position: relative;
	margin: 0 auto;	
	width: 90%;
	padding-left: 5vw;
	padding-right: 5vw;
}
.width_small {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 50%;
}
.jhszweispalter {
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jhszweispalter .jhscol {
	flex-grow: 0;
	flex-basis: calc(100% - 0px); /* 1 Item pro Reihe */
}

@media screen and (max-width: 980px) {
	.jhszweispalter .jhscol {
		flex-basis: calc(100% - 0px); /* 2 Items pro Reihe */
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 981px) {
	.jhszweispalter .jhscol {
		flex-basis: calc(50% - 2vw); /* 4 Items pro Reihe */
	}
}
/* Card-Design ----------*/
.inhalte .card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inhalte .card-container .card {
	flex-grow: 0;
	text-align: center;
}

.inhalte .card-container.rubrik .card {
	flex-basis: calc(100% - 0px); /* 1 Item pro Reihe */
}

@media screen and (min-width: 412px) and (max-width: 980px) {
	.inhalte .card-container.rubrik .card {
		flex-basis: calc(50% - 5px); /* 2 Items pro Reihe */
	}
}

@media screen and (min-width: 981px) {
	.inhalte .card-container.rubrik .card {
		flex-basis: calc(25% - 20px); /* 4 Items pro Reihe */
	}
}


.inhalte .card-container.zwei .card,.inhalte .card-container.drei .card, .inhalte .card-container.vier .card {
	flex-grow: 0;
	padding: 2vw;
}

.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 ------------- */
#fuss1 {
	display: block;
	position: relative;
	/*background-color: #f1f1f1; auskommentieren bei Bildhintergrund */ 
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
	min-width: 768px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 160px;
	margin-top: 30px;
	border: 0px solid #000;
	z-index: 2000;
}
#fuss1 .adresse {
	margin-bottom: 20px;
}

#fuss1 .oeffnungszeiten {
	margin-top: 5px;
}

#fuss1 .zeitenjhs {
	margin-top: 0;
}
#fuss1 .zeitenjhs p:last-child {
	display: none;
}
#fuss1 span.opentime {
	font-size: 11px;
	font-size: 0.8rem;
	color: #000;
	margin: 0;
	line-height: 130%;
}
#fuss2 {
	position: relative;
	display: none;
	width: 100%;
	height: 50px;
	min-height: 50px;
	/*background-image: url(../images/hg_ende.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	z-index: 2000;
}
#fuss2 p.aktualisiert {
	position: absolute;
	bottom: 20px;
	right: 10px;
	color: #666;
	font-size: 10px;
}

#abschluss {
	position: fixed;
	display: block;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background-color: #f1f1f1;
	z-index: 1100;
}
/* zwei gleich hohe spalten */
.sp-gleich {

}
.sp1-2, .sp2-2 {
	float: left;
	width: 48%;
	border: 0px solid #000;
}
.sp2-1 {
}
.sp2-2 {
	float: right;
}

.singlecolumnsmall {
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
	width: 80%;
	max-width: 750px;
}
img.bild, a.rolex img  {
	display: block;
	width: 100%;
	height: auto;
}
.inhalte .startnews {
	padding-bottom: 20px;
	padding-top: 20px;
}
.startnews:nth-child(even) {

}
article:nth-child(even) .startnews .newstxt {
	float: right;
	padding: 4vw;
}
article:nth-child(even) .startnews .newsbild {
	float: left;
}
article:nth-child(odd) .startnews .newstxt {
	float: left;
	padding: 4vw;

}
article:nth-child(odd) .startnews .newsbild {
	float: right;
}
/*
article:nth-child(1n) .startnews .newstxt {
background-image: url(/images/snowflake-2.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 30% 30%;

}
article:nth-child(2n) .startnews .newstxt {
background-image: url(/images/star.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 30% 30%;

}

article:nth-child(3n) .startnews .newstxt {
background-image: url(/images/snowflake-1.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 30% 30%;
}
article:nth-child(4n) .startnews .newstxt {
background-image: url(/images/giftbox.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 30% 30%;

}
*/
.startnews img {
	display: block;
	width: 100%;
	height: auto;
}
/* Textformatierungen -------------------- */

.schrift2 {
	/*font-family: 'Sumana', 'Georgia', 'Times New Roman', 'Times', Serif;*/
	font-size: 12px;
	font-size: 0.85em;
	font-style: normal;
}
.inhalte h1 {
	font-size: 19px;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #333;
	text-align: left;
	line-height: 130%;
	margin-bottom: 0.45em;
}

.inhalte h1#headertxt1 {
	font-size: 1.6em;
	color: #333;
	text-align: left;
	margin-bottom: 0px;
}
.inhalte h1#headertxt1 span {
	display: block;
	font-size: 0.70em;
	line-height: 160%;
	text-transform: none;
}
.inhalte.standardvorl h1 {
	margin-bottom:2em;
	padding-top: 30px;
}
.inhalte h1.header1 {
	display: block;
	width: 100%;
	padding-top: 30px;
	text-align: center;
}
.inhalte .vier.spalten h1, .inhalte .sechs.spalten h1 {
	text-align: left;
	padding-top: 30px;
}
.inhalte h1.linie {
	border-bottom: 1px solid #a09790;
	padding-bottom: 0.5em;
}

.inhalte h1.rolex {
	font-size: 19px;
	font-size: 1.2em;
	text-align: center !important;
	text-transform: uppercase;
}
.inhalte h1.rolex span {
	display: block;
	font-size: 0.95rem;
	font-weight: 400;
	text-align: center;
	text-transform: none !important;
}
.inhalte.contentheader h1 .logoheader {
	text-align: center;
}
.inhalte h2, h2.modulheader {
	font-size: 16px;
	font-size: 1.15em;
	/*color: #333;*/
	font-weight: normal;
	line-height: 150%;
	margin-top: 2.0em;
	margin-bottom: 0.45em;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.inhalte h2:first-child {
	margin-top: 0;
}
h2.modulheader {
	display: block;
	font-size: 1.4em;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0px;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 100%;
	border-top: 0px solid #d4d4d4;
	border-bottom: 0px solid #d4d4d4;
	overflow: hidden;
	position: relative;
	text-align: center;
	color: #275b5b;
}
h2.modulheader i {
	display: block;
	padding-top: 10px;
	font-size: 1.2em;
	color: #d4d4d4;
}
.inhalte h3.galerieheader3 {
	display: block;
	font-size: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	color: #275b5b;
}
.inhalte h3.galerieheader3 span {
	border: 1px solid #d4d4d4;
	padding: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modulheader:before {
	content: "";
	display: inline-block;
	width: 10000px;
	height: 1px;
	border-bottom: 1px solid #d4d4d4;
	position: absolute;
	top: 20%;
	left: 0;
}


.modulheader span {
	position: relative;
	padding: 0 15px;
	display: inline-block;
	max-width: 80%;
	background-color: #fff;
}
.modulheader3 span {
	max-width: 65%;
}

.inhalte .zeile.news h2:first-child {
	margin-top: 0;
}
.whitespace {
	padding: 3vw;
	padding-left: 5vw;
	padding-right: 5vw;
}

.jhscol:nth-child(odd) .whitespace {
	padding-right: 1vw;
}

.jhscol:nth-child(even) .whitespace {
	padding-left: 1vw;
}
.inhalte h3 {
	font-size: 12px;
	font-size: 0.95em;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	line-height: 1.2em;
	text-shadow: 0 1px #ffffff;
}
.inhalte h3:first-child {
	margin-top: 0;
}
.inhalte .news h3, .startnews h3 {
	font-size: 16px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 0px;
	margin-bottom: 10px;
	line-height: 140%;
}
.inhalte p, .inhalte h4, .startnews p {
	font-size: 12px;
	font-size: 0.95em;
	line-height: 160%;
	margin-bottom: 0.95em;
	hyphens: auto;
}
.inhalte.contentheader h1, .inhalte.contentheader h2, .inhalte.contentheader p {
	margin: 0;
	line-height: 100%;
}
.inhalte .untertitel {
	font-size: 10px;
	font-size: 0.85em;
}
.inhalte.geschichte p {
	line-height: 160%;
	margin-top: 6px;
}
.inhalte .galerie_bildabstand {
}
.inhalte a, #produktgalerie li a {
	color: #000;
	text-decoration: none;
	padding-bottom: 0px;
}
.inhalte p a, .inhalte li a, #produktgalerie li a {
	color: #444;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #444444;
}
.inhalte a:hover, .inhalte a:active {
	color: #000;
	text-decoration: none;
}
.inhalte p a:hover, .inhalte p a:active, .inhalte li a:hover, .inhalte li a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #f7f7f7;
}
.inhalte p a:visited, .inhalte li a:visited {
	color: #444444;
	text-decoration: none;
	border-bottom: 1px solid #6f6f6f;
}
.inhalte p.linkbanner2 a {
	border: none;
	text-decoration: none;
}
.inhalte .produktbilder li a, .inhalte .produktbilder p a, .inhalte p#headerbild a, .inhalte ul.button li a, .inhalte a.bigger, .inhalte .flexslider a, .inhalte .flexslider a:hover  {
	border: 0;
	text-decoration: none;
} 
.inhalte .produktbilder li a:hover, .inhalte .produktbilder p a:hover {
	display: block;
	border: 1px solid #d4d4d4;
}

.inhalte .buttoncontainer, .buttoncontainer2 {
	text-align: center;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 0;
}
.inhalte .buttoncontainer button, .buttoncontainer2 button {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	font-size: 0.75rem;
	border: 1px solid #000;
padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.inhalte .buttoncontainer button:hover, .buttoncontainer2 button:hover {
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
	color: #000;
	text-transform: uppercase;
}

.buttoncontainer2 {
	margin-top: -60px;
}

.buttoncontainer2 button {
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
}
.inhalte h2 a {
	text-decoration: none;
}
.inhalte h2 a:hover {
	text-decoration: none;
	color: #444444;
}

.inhalte ul {
	list-style-type: disc;
	padding-left: 17px;
	margin-bottom: 0.85em;
}
.inhalte .flexslider ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.inhalte li {
	font-size: 12px;
	font-size: 0.95em;
	line-height: 160%;
	margin-bottom: 0.45em;
	hyphens: auto;
}
.inhalte ul.flexslider-direction-nav li {
	line-height: normal !important;
	margin: 0;
}
a.telresp, .inhalte a.telresp {
	text-decoration: none;
	color: #000;
	border: none;
}
p.aktualisiert, p.tklein {
	font-size: 11px;
	font-size: 0.75em;
}
.inhalte p.aktualisiert {
	display: none;
}
.aktualisiertedateien {
	position: absolute;
	left: -995em;
}
.aktualisiertedateien ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.aktualisiertedateien ul li {
	font-size: 0.9em;
}
.aktualisiertedateien p {
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
	color: #333;
}
.aktualisiertedateien p a {
	text-decoration: none;
	color: #333;
}
table td:first-child {
	min-width: 70px;
	padding-right: 20px;
}
table td:last-child {
	padding-right: 0;
	text-align: right;
}
.produkttext em {
	font-style: normal;
	text-transform: uppercase;
}
/* Bilderformate ---------------- */
.inhalte .fachhaendler img {
	display: inline-block;
	height: auto;
	width: 121px !important;
	border: 0px solid red;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

p#headerbild img {
	border: 0;
	margin-bottom: 30px;
}
#logo {
	width: 80%;
	max-width: 400px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
}

ul#marke, ul.schmuckrubriken {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	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: 22%;
	height: 130px;
	line-height: 130px;
	break-inside: avoid;
	align-items: center;
	align-content: center;
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 0;
	margin-top:30px;
	margin-bottom: 30px;
	text-align: center;
}


ul.schmuckrubriken {
	margin-top: 50px;
}

ul#marke li a, ul.schmuckrubriken li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
	text-align: center;
	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);
	border: none;
}


ul#marke li a:hover, ul.schmuckrubriken li a:hover {
	box-shadow: inset 0px 0px 5px 0px rgba(163,153,153,0.4);
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(163,153,153,0.4);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(163,153,153,0.4);
	border: none;
}
ul#marke li a img, ul.schmuckrubriken li a img {
	position: relative;
	width: 100%;
	max-width: 80%;
	height: auto;
	margin: 0 auto;
	padding-left: 2vw;
	padding-right: 2vw;
	vertical-align: middle;
	text-align: center;
	border: none;
}

.inhalte img.markenbild {
	width: 440px;
	float: right;
}
.inhalte img.markenlogo {
	width: 100%;
	max-width: 120px;
	height: auto;
	border: 0;
	vertical-align: center;
}

.inhalte h1 img.markenlogo {
	width: 100%;
	max-width: 170px;
	height: auto;
	text-align: center;
}
ul#anzeigen {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 20px;
}
ul#anzeigen li {
	display: inline;
	float: left;
	margin-bottom: 10px;
}
#anzeigen img {
	width: 180px;
	height: auto;
	border: 1px solid #efeae8;
	padding: 12px;
	margin-right: 10px;
}
.markentext {
	min-height: 210px;
	padding-bottom: 20px;
	border: 1px solid #fff;
}
.noscreen {
	display: none;
}
.fachhaendler a  {
	margin: 0 auto;
	display: inline-block;
	width: 48%;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}
/* Bilderformate für Haupt-Spalte - vormals rechte Spalte ------------------ */
.bild, #newsrolex img {
	display: block;
	width: 100%;
	height: auto;
}

ul.produktbilder {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	/*border: 0px solid #000;
	text-align: right;*/
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: start;
	align-items: auto;
	align-content: start
}
ul.produktbilder.reihe {
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
	max-width: 90%;
	padding-left: 3%;
}
ul.produktbilder.reiheklein {
	margin: 0 auto;
	margin-top: 50px;
	text-align: left;
	max-width: 100%;
	padding-right: 3%;
}

ul.produktbilder.reihe:after, ul.produktbilder.reiheklein:after {
	content: "";
	display: inline-block;
	padding-left: 100%;
}
/*ul.produktbilder li {
display: inline-block;
width: 45%;
margin-bottom: 55px;
margin-left: 3%;
margin-right: 0%;
text-align: center;
}*/
ul.produktbilder li {
	/* width: 30%; --- 3spaltig */
	width: 23%;
	flex: 0 0 auto;
	margin: 1.0%;
	margin-bottom: 60px;
	padding: 1.0%;
	text-align: center;
}
ul.produktbilder.reihe li {
	display: inline-block;
	position: relative;
	float: left;
	width: 19.5%;
	width: 30%;
	margin-bottom: 55px;
	margin-left: 0%;
	margin-right: 3%;
	text-align: center;
}
ul.produktbilder.reiheklein li {
	display: inline-block;
	position: relative;
	float: left;
	width: 31%;
	margin-bottom: 55px;
	margin-left: 0%;
	margin-right: 3.5%;
	text-align: left;
}
ul.produktbilder.reihe li:nth-child(3n) {
	margin-right: 0;
}
ul.produktbilder.reiheklein li:nth-child(2n) {
	margin-right: 0;
}
ul.produktbilder.reihe li p {
	position: relative;
}
ul.produktbilder.reihe li span {
	position: absolute;
	bottom: 1px;
	right: 0px;
	background-color: #efefef;
	color: #333;
	font-size: 0.8em;
	width: 100px;
	padding: 5px;
	z-index: 500;
}

.inhalte ul.produktbilder.reihe li p.preisangabe {
	display: block;
	background-color: #fff;
	position: relative;
	text-align: center !important;
	color: #333;
	font-size: 0.8em;
	line-height: 150%;
	hyphens: none !important;
}

.inhalte ul.produktbilder.reihe li p.preisuebersicht, .inhalte ul#produktgalerie li p.preisangabe  {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 0.8em;
	text-align: center !important;
	background-color: #fff;
	color: #333;
	font-size: 0.8em;
	line-height: 150%;
	hyphens: none !important;
}


ul.produktbilder.reihe li p.preisuebersicht span {
	display: block;
	position: relative;
	text-align: center !important;
	background-color: #fff;
	color: #333;
	font-size: 0.9em;
	line-height: 150%;
}

ul.produktbilder img {
	width: 100%;
	height: auto;
	border: 0px solid #efeae8;
	padding: 0px;
}

ul.produktbilder.reihe li.last2 img {border: 0px solid red; }
ul.produktbilder.reihe img {
	/*border: 1px solid #f5f0ee;*/
	padding: 10px;
}
.inhalte .produktbilder p {
	margin: 0;
	padding: 0;
	line-height: 100%;
	margin-top: 3px;
	hyphens: none !important;
}
p.prodbild {
	margin-bottom: 20px;
}
/* -- Produktbilder ohne Luecken ---- */
#produktgalerie {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#produktgalerie:after {
	display: block;
	content: " ";
	margin: 10px;
	flex: 999 999 auto;
}
#produktgalerie li {
	position: relative;
	flex: 1 0 25%;
	text-align: center;
	/* width: 30%; --- 3spaltig 
	width: 23%;*/
	margin: 0;
	margin-bottom: 40px;
	padding: 2.0%;
	z-index: 1;
}
.galerie_bildabstand #produktgalerie li {
padding: 4%;
}
#produktgalerie li:hover {
	border: 0px solid #ddd;
}
#produktgalerie img {
	display: block;
	width: 100%;
	height: auto;
}
#produktgalerie li:hover img {
	padding: 10px;
	transition: all 0.5s ease-out;
}
#produktgalerie li p {
	position: relative;
}

#produktgalerie li:hover  {
}

#produktgalerie li div.preisangabe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #f1f1f1;

}
#produktgalerie li:hover div.preisangabe {
	opacity: 0.8;
}

#produktgalerie li:hover div.preisangabe div {
	color: white;
	width: 100%;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center
}

#produktgalerie li:hover div.preisangabe p {
	overflow: hidden;
	position: relative;
	text-align:center;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px;
	font-size: 0.75em;
	line-height: 150%;
	z-index: 40;
}

#produktgalerie li:hover div.preisangabe p a {
	display: inline-block;
	text-decoration: none;
	border: none;
	background: #000;
	color: #fff;
	font-size: 0.8em;
	text-transform: none;
	letter-spacing: 1px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
#produktgalerie li div.preisangabe p span {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
}
#produktgalerie p {
	margin: 0;
	padding: 0;
	line-height: 100%;
	margin-top: 3px;
	hyphens: none !important;
}
.produktzusatzinfo {
	position: absolute;
		display: inline-block;
font-size: 0.8rem;
background-color: #efefef;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	bottom: 2vw;
	right: 2vw;
	z-index: 1000;
}
/* -- Produktbilder von Hand eingebaut ---- */

ul.produktbilder2 {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	text-align: right;
}
ul.produktbilder2 li {
	float: right;
	margin-bottom: 10px;
	margin-right: 15px;
	text-align: left;
}
ul.produktbilder2 img {
	width: 220px;
	height: 220px;
	border: 1px solid #efeae8;
	padding: 5px;
}
ul.bilduebersicht {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}
ul.bilduebersicht li {
	float: right;
	width: 40%;
	margin-bottom: 5px;
	margin-right: 10px;
}
ul.bilduebersicht img {
	width: 100%;
	height: auto;
	border: 0px solid #efeae8;
	padding: 5px;
}
ul#galerie {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	border: 0px solid red;
	width: 100%;
}
ul#galerie li {
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	width: 24.5%;
	height: auto;
}
ul#galerie:after {
	content: "";
	display: inline-block;
	padding-left: 100%;
}
#galerie img {
	display: inline-block;
	padding: 0px;
	width: 99%;
	padding-left: 1%;
	padding-right: 1%;
	height: auto;
	border: 0px solid #efeae8;
}
.inhalte ul.linkbutton, .inhalte ul.filmbutton {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.inhalte ul.linkbutton a {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #c0c0c0;
	text-decoration: none;
	background-color: #efeae8;
	color: #000;
}
.inhalte ul.linkbutton a:hover {
	background-color: #000;
	color: #fff;
}
.inhalte ul.linkbutton img {
	width: auto;
	border: 0;
	padding: 5px;
}
.inhalte ul.filmbutton li {
	background-color: #eee;
}
.inhalte ul.filmbutton a img {
	display: inline-block;
	width: auto;
	height: 100%;
	border: 0;
	background-color: #efeae8;
}
.inhalte ul.filmbutton a {
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #efeae8;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 7px;
	padding-left: 20px;
}
.inhalte ul.filmbutton a:hover {
	border-bottom: 1px solid #fff;
	background-color: #efeae8;
	color: #000;
}
.inhalte ul.filmbutton a:hover img {
	width: auto;
	border: 0;
	background-color: #efeae8;
}
.inhalte ul.filmbutton a span {
	float: right;
	margin-top: 40px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #000;
}
.inhalte ul.filmbutton a:hover span {
	color: #000;
}
.produktbilder a.button, .bildlink a.button {
	display: block;
	width: 100%;
	border: 0px solid #c0c0c0;
	border-bottom: 1px solid #efeae8;
	text-decoration: none;
	color: #000;
	font-size: 10px;
	font-size: 0.75em;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	padding-left: 4px;
	max-width: 100%;
	overflow: hidden !important;
}
.bildlink a.button {
	margin-top: 3px;
	max-width: 100% !important;
}
.produktbilder a.button:hover, .bildlink a.button:hover {
	background-color: #000;
	color: #fff;
}

p.mwsthinweis, #produktgalerie li div.preisangabe p span.mwsthinweis {
	font-size: 0.8em;
	font-weight: normal !important;
	text-transform: normal !important;
}
.mwstinfo {
	font-size: 11px;
	font-size: 0.85em;
}
p.button a {
	text-decoration: none;
	display: inline-block;
	padding: 6px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #e6e6e6;
	color: #000;
	border: 0;
}
p.button a:hover {
	text-decoration: none;
	display: inline-block;
	padding: 6px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #000;
	color: #fff;
	border: 0;
}
p.button2 a  {
	text-decoration: none;
	display: inline-block;
	padding: 6px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #000;
	color: #fff;
	border: 0;
}
p.button2 a:hover {
	background-color: #e6e6e6;
	color: #000;
	border: 0;
}
p.button2 a:visited  {
	color: #fff;
	border: 0;
}
p.button.right {
	text-align: right;
}
p.button.right a {
	font-size: 0.8em !important;
}
p.linkbanner, p.linkbanner2 {
	position: relative;
	z-index: 100;
}
p.linkbanner2 span a {
	position: absolute;
	display: inline-block;
	bottom: 30px;
	left: 30px;
	color: #fff !important;
	z-index: 150;
	border: none;
	padding: 10px;
	background-color: rgba(0,0,0,0.6);
}
p.linkbanner {
	background-color: #000;
	margin-bottom: 50px;

	text-align: center;
}
p.linkbanner:hover {
	background-color: #f1f1f1;
	color: #000;
}
.inhalte p.linkbanner span a, .inhalte p.linkbanner a {
	position: relatve;
	display: block;
	color: #fff;
	border: none !important;
	padding: 0px;
}
.inhalte p.linkbanner a {
	padding-bottom: 10px;
}
.inhalte p.linkbanner:hover span a {
	color: #000;
	border-bottom: none;
}
.inhalte p.linkbanner span a:hover, p.linkbanner2 span a:hover {
	border: none !important;
	color: #000;
}
p.linkbanner2 span a {
	color: #000 !important;
}
.inhalte p.linkbanner:hover a {
	color: #000 !important;
	text-decoration: none !important;
	border-bottom: none;
}
.inhalte p.linkbanner a:visited {
	text-decoration: none !important;
	border-bottom: none !important;
}
.inhalte img.trauringe {
	float: left;
	width: 220px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}
.inhalte img.last {
	margin: 0;
}
.flexslider.neuheiten {
	max-width: 210px;
	max-height: 210px;
	border: 0px solid #000 !important;
}
.flexslider.neuheiten img {
	padding: 10px !important;
	width: 100%;
	height: auto;
	border: 1px solid #efeae8 !important;
}
/* Geschichte --- */
img.inhaber {
	width: 217px;
	max-width: 217px;
}
/* Sonderformate -------------- */
.neuheitenbutton {
	margin: 0 auto;
	text-align: center;
}
.neuheitenbutton p{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
/* Flexslider mit Miniatur ---- */
#slider ul.slides li  {
	text-align: center;
	margin: 0 auto;
	border: 1px solid #efeae8;
}
#slider ul.slides li  {
	text-align: center;
	margin: 0 auto;
	border: 0px solid #efeae8;
}
#slider ul.slides li img {
	margin: 0 auto !important;
	text-align: center !important;
	width: 50% !important;
	height: auto;
}
#carousel {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	border: 0px solid red;
}
#carousel ul.slides {
	margin: 0 auto 0 !important;
	text-align: center !important;

}
#carousel ul.slides li {
	border: 1px solid #efeae8;
	padding: 10px;
	width: 100px !important;
	height: auto;
}
#carousel ul.slides img {

	cursor: pointer;
	border: 0px solid #efeae8;
}

/* Flexbox zentriert ----- */
.flexbox_zentriert {
	display: flex;
	margin: 0 auto;
	align-content: space-between;
	align-items:center;
	justify-content: center;
	flex-wrap: wrap;
}
.flexbox_zentriert li {
	margin: 0 auto;
	margin: 1.0%;
	width: 33%;
}
/* Video -------------- */
.videocode {
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
}
.videocode video {
	width: 100% !important;
	height: auto !important;
}

#headerbild, .headerpic {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
}
#headerbild img, .headerpic img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	z-index: 30;
}

#headerbild span {
	position: relative;
	display: block;
	width: 30%;
	margin: 0 auto;
	bottom: 90px;
	text-align: center;
	font-size: 18px !important;
	z-index: 2000;
}
#headerbild span a {
	position: absolute;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000;	
	padding: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background: rgba(255,255,255,0.975);
	box-shadow:0px 0px 10px #666;
	border: 0px solid #fff;
}
#headerbild span a:hover {
	background: rgba(255,255,255,10);
	box-shadow: inset 0px 0px 3px #666;
}
.inhalte .logotop, .einleitung .logotop {
	text-align: center;
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
}
.inhalte .logotop img, .einleitung .logotop img {
	width: 60%;
	max-width: 300px;
	height: auto;
	border: 0;
	padding-bottom: 30px;
}
.abstand {
	padding-top: 20px;
}
.linie {
	border-bottom: 0px solid #c0c0c0;
	padding-bottom: 0.3em;
	margin-bottom: 0.4em;
}
.inhalte img {
	width: 100%;
	height: auto;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #efeae8;
}
.inhalte .flexslider ul.slides {
	border: 0 !important;
}
.inhalte .flexslider ul.slides img {
	width: 100%;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #efeae8;
}
.sechs.spalten.markenblock {
	display: relative;
	min-height: 490px !important;
	min-height: 230px !important;
	border: 0px solid #000 !important;
}
.film {
	display: inline-block;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 20px;
}
.film.selfhosted {
	margin: 0 auto;
	margin-top: 40px;
	width: 100%;
}
.film.selfhosted video, .videobox {
	text-align: center;
	margin: 0 auto;
	width: 62%;
	max-width: 62%;
}

.background-video {
	height: auto;
	width: 100%;
	object-fit: cover;


}
/* -- 2Klick-Loesung iFrames Youtube etc. ------------------ */

div.privacy-msg p, #rlx-hybrid div.privacy-msg p {
	position: relative;
	display: block;
	width:100%;
	border: 0px solid black;
	padding: 5%;
	text-align: left;
	background-color: #efefef;
	z-index: 2000;
	font-size: 0.8em;
}
div.privacy-msg p a {
	display: inline-block;
	background: #093a7a;
	color: #fff !important;
	text-decoration: none;
	padding: 10px;
	margin-top: 20px;
	text-align: center;
}

div.film:nth-child(1) {
	float: none;
	width: 100%;
	margin: 0;
	margin-bottom: 50px;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	max-height: 360px;
	margin: 0 auto;
	text-align: center;
}
.film .embed-container {
	background-color: #000;
}
.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;
}
.embed-container.fullwidth iframe {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
video {
	display: block;
	margin: 0 auto;
	width: 100% !important;
	height: auto !important;
}
p.trigger {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #000;
	cursor: pointer;
}

p.trigger:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0fe";
	color: #fff;
	padding-right: 10px;
	border-bottom: 0;
	text-decoration: none !important;

}
p.trigger_active:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f146";
	color: #fff;
	padding-right: 10px;
	border-bottom: 0;
	text-decoration: none !important;
}

p.trigger span {
	position: absolute;
	text-indent: -800em;
	display: block;
	overflow: hidden;
	background-image: url(../images/toggleroff.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	width: 25px;
	height: 25px;
	top: 5px;
	right: 5px;
	z-index: 800;
}
p.trigger.trigger_active {
	background-color: #000;
	color: #fff;
}
p.trigger.trigger_active span {
	position: absolute;
	text-indent: -800em;
	display: block;
	overflow: hidden;
	background-image: url(../images/toggleron.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	width: 25px;
	height: 25px;
	top: 5px;
	right: 5px;
	z-index: 800;
}
table.preistabelle {
	font-size: 12px;
	font-size: 0.8em;
	line-height: 1.6em;
	margin-bottom: 20px;
}
table.preistabelle.lafleur {
	width: 80%;
	min-width: 300px;
	max-width: 600px;
}
table.preistabelle.jubilaeumsring {
	display: table;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	font-size: 12px;
	font-size: 0.8em;
	line-height: 1.6em;
	margin-bottom: 20px;
}
table.preistabelle td.sp1, table.preistabelle th {
	padding-right: 30px;
}
table.preistabelle td.sp3, table.preistabelle td.preis {
	text-align: right;
}
table.preistabelle tr:nth-child(odd) {
}
table.preistabelle th, table.preistabelle td {
	padding: 10px;
}
table.preistabelle th {
	background-color: #000;
	color: #fff;
}
table.preistabelle th.preis {
	background-color: #000;
	color: #fff;
	text-align: right;
}
table.preistabelle tr:nth-child(even) {
	background-color: #efefef;
}
.inhalte p.cobranding {
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: #efeae8;
}

.inhalte #cobranding, .inhalte #cobranding img {
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.inhalte a.nounderline {
	text-decoration: none;
	border: 0;
}

.meisterverlobung {
	height: 380px;
	min-height: 380px;
	background-image: url(/bilder/schmuck/meister_verlobungsringe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.meistertrauring {
	height: 380px;
	min-height: 380px;
	background-image: url(/bilder/schmuck/meister_trauringe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* Bildnachweis ------------------- */
ul.bildnachweis {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.bildnachweis li {
	display: block;

}
.bildnachweis li img {
	display: inline-block;
	width: 100px;
	height: auto;
	margin-right: 15px;
	vertical-align: middle;
}
/* Suchfeld ---------------- */
#suche input {

	border: 1px solid #ddd;
	padding: 10px;
}

#suche input.formsuche {
	padding-left: 10px;
	padding-right: 10px;
	cursor:pointer;
}
/* Fussbereich ------------- */


#fuss1 p {
	font-size: 11px;
	font-size: 0.8rem;
	color: #000;
	margin: 0;
	line-height: 130%;
}
#fuss1 p a {
	text-decoration: none;
	color: #000;
}
#fuss1 p a:hover {
	text-decoration: underline;
	color: #000;
}
/* Kontakt - Formulare */
label  /* Alle Labels UND Formularelemente auswählen */ {
	display: block;
	float: left;
	border:0px solid #AF8728;
	text-align: left;
	width:100%;
	border-bottom:0px solid #FFA078;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	/* das floating der labels und inputs aufheben */
}
.form {
	background: #f1f1f1;
	border-bottom:0px solid #fff;
	border-top:0px solid #eeeae6;
	border-right:0px solid #fff;
	border-left:0px solid #eeeae6;
	margin:0px;
	width:100%;
	text-align:left;
	color:#000;
	font-weight:normal;
	height: 2em;
}
.form2 {
	display:inline;
	font-family: Verdana, Arial, Sans-serif;
	font-size:14px;
	background-color: #000;
	color:#fff;
	border: 1px solid #000;
	margin-top: 20px;
	padding:10px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
}
.form2:hover {
	color: #000;
	background-color: #eeeae6;
	border: 1px solid #eeeae6;
}

/* Ende Formulargestaltung */
/* Ringbestellung --- */
.wahlringversion {
}
.wahlringversion h3 {
	margin-top: 30px;
}
.wahlringversion fieldset {
	display: block;
	background-color: #efefef;
	padding: 20px;
}
.wahlringversion input {
	background-color: #fff;
}
input.form {
	padding: 10px;
}
.ringversion {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	text-align: center;
	margin-right: 1%;
}
.ringversion:last-child {
	margin-right: 0;
}
.ringversion a {
	position: relative;
	display: block;
	text-align: center;
}
.ringversion a:after {
	position: absolute;
	font-family: 'FontAwesome';
	right: 2px;
	bottom: 7px;
	content: "\f00e";
	color: #c9c2bc;
	font-size: 26px;
}
.ringversion img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #c9c2bc;
}
select.selectform {
	position: relative;
	border-radius: 0;
	background-color: #6e635b;
	border: 1px solid #6e635b;
	color: #fff;
	font-size: 13px;
	font-size: 0.9em;
	padding: 5px;
}
select.selectform i.fa {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #fff;
	z-index: 100;
}
.selectform option {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.ringversion p {
	text-align: center !important;
	margin: 0 auto;
	margin-top: 10px;
}
.ringversion p label {
	display: block;
	text-align: center;
}
p.ringschiene {
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	width: 32%;
	margin: 0 auto;
	text-align: center !important;
}
p.ringschiene label, p.ringschiene input {
	text-align: center;
}

p.steingroesse {
	display: inline-block;
	background-color: #fff;
	padding: 5px;
	width: 24%;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center !important;
}
.anfrage3er p.steingroesse {
	width: 32%;
}
p.steingroesse label {
	text-align: center;
}
img.steingr {
	display: inline-block;
	width: 25px;
	height: auto;
	vertical-align: middle;
	margin-left: 10px;
}
p.abwangebot {
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	width: 48%;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center !important;
}
p.steingroesse label {
	text-align: center;
}
.inhalte .telrespons {
	text-decoration: none !important;
	border: 0 solid #fff !important;
}
/* Rolex Startseite ------- */
.rolex p.desktop {
	display: block;
}
.rolex p.mobile {
	display: none;
}
.rolexcta {
	position: absolute;
	display: block;
	height: auto;
	bottom: 40%;
	left: 58%;
	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; */
	font-weight: 700;
	margin-top: 0px;
	font-size: 1.2em;
	line-height: 120%;
	text-transform: none;
}
.rolexcta h2 span {
	font-size: 0.75em;
}
.rolexcta.white h2 {
	color: #fff;
}
.rolexcta p {
	display: inline-block;
	text-decoration: none;
	background-color: #127749;
	color: #fff;
	line-height: 40px;
	height: 40px;
	margin-top: 16px;
	font-size: 0.8em;
	border: 1px solid #037844;
	border-radius: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
.rolexcta p:hover {
	background-color: #fff;
	border: 1px solid #037844;
	color: #000;
}
.rolexcontent button {
	font-family: 'Open Sans', Sans-Serif;
	font-size: 1.2rem;
	background-color: #000;
	border: 1px solid #000;
	margin-top: 10px;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #fff;
	cursor: pointer;
}
.rolexcontent button:hover {
	cursor: pointer;
	color: #000;
	background: #efefef;
	border: 1px solid #000;
	transition: 0.2s;
}

.rolex .pic {
	display: block;
	width: 100%;
	overflow: hidden;
}

.slider.rlxbanner .slick-arrow {
	display: none !important;
}
/* SocialMediaLinks --------------- */
#socialmedialinks {
	position: fixed;
	display: block;
	background-color: #f1f1f1;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	bottom: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	padding-top: 5px;
	z-index: 20000;
	border: 0px solid red;
}
#socialmedialinks ul {
	position: relative;
	display: block;
	width: 90%;
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
}
#socialmedialinks  li {
	display: inline-block;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
#socialmedialinks a {
	display: block;
	padding: 0px;
	color: #000;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 25px !important;
}
#socialmedialinks a:hover {

}
#socialmedialinks img {
	display: inline-block;
	height: 20px;
	width: auto;
	padding-left: 6px;
}
#fb i.fab, #fb i.fab.fa-instagram-square  {
	text-align: center;
	color: #000;
}
/* Oeffnungszeiten ------------- */

.oeffnungszeiten {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.oeffnungszeiten summary {
	font-size: 12px;
	font-size: 0.95em;
}
.oeffnungszeiten summary span {
	padding-right: 10px;
}
#rlx-hybrid .oeffnungszeiten summary {
	line-height: 1.625;
	font-size: 0.9em;
}

.oeffnungszeiten .zeitenjhs p {
	margin-bottom: 0.8em;
}

.oeffnungszeiten summary p {
	padding-right: 20px;
	display: inline-block;
}

.oeffnungszeiten details > summary::after {
	display: inline-block;
	content: url(/images/arrow-down.png);
	left: 0px;
	top: 7px;
	font-size: 1.25em;
}

.oeffnungszeiten details[open] > summary::after {
	display: inline-block;
	content: url(/images/arrow-up.png);
}


.oeffnungszeiten details[open] summary ~ * {
	animation: open 0.3s ease-in-out;
	position: absolute;
	z-index: 200;
}

.oeffnungszeiten .zeitangaben {
	background-color: #fff;
	margin-top: 10px;
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.jhs_zeiten .oeffnungszeiten .zeitangaben {
	padding: 0;
	background: none;
}
.jhs_zeiten.zeitenwhitebg .oeffnungszeiten .zeitangaben {
	background: #fff;
}
.oeffnungszeiten details summary::-webkit-details-marker {
	display: none;
}

.oeffnungszeiten @keyframes details-show {
	from {
		opacity: 0;
		transform: var(--details-translate, translateY(-0.5em));
	}
}
.oeffnungszeiten details[open] > *:not(summary) {
	animation: details-show 150ms ease-in-out;
}
/* Zusatzinfo - Spezialinfo ----- */
.spezialinfo {
	padding-bottom: 40px;
}
details#sonderinfo {
	display: block;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-decoration: none !important;
	border-bottom: none !important;
	font-size: 0.85em;
	text-align: center;
	color: #353838;
	cursor: auto;
	border-color: transparent transparent transparent #fff !important;
}
summary {
	display: inline-block;
	cursor: pointer;

}
details#sonderinfo summary, details#sonderinfo summary::marker {
	text-decoration: none;
	font-size: 0.85em;
	color: #353838;
	padding-bottom: 0px;
	border-bottom: none !important;
	border-color: transparent transparent transparent #fff !important;
}
#gridspezial {
	/* It is split into 3 columns */
	column-count: 3;

	/* The space between columns */
	column-gap: 2rem;
	text-align: left;
	margin-top: 30px;
	padding-bottom: 30px;
}

.spezialinfo article {
	/* Prevent a column from breaking into multiple columns */
	break-inside: avoid;
}
.spezialinfo {
	display: block;
	padding-left: 35px;
	padding-right: 35px;
	margin: 0 auto;
}
.spezialinfo p.header1 {
	font-size: 1.2em;
	margin: 0;
	margin-top: 30px;
}
#gridspezial article {
	margin-bottom: 1.0em;
}
#gridspezial h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	line-height: 130%
}

#gridspezial h3 {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1.0em;
	margin-bottom: 10px;
}
#gridspezial ul {
	list-style-type: square;
	padding-left: 15px;
}
#gridspezial p, #gridspezial li {
	font-size: 0.9em;
	margin: 0;
	line-height: 150%;
}
#gridspezial a {
	text-decoration: underline;
	color: #000;
}
/* Popup-Infofenster / Modalfenster -------------- */
.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 3000;
}

.modal-window {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	padding-bottom: 50px;
	width: 80%;
	max-width: 500px;
}

.modal-header {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

h2.modal-title {
	margin: 0;
	font-size: 1.2em;
	font-weight: 400;
}

.modal-close-button {
	float: right;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	padding: 7px;
}

.modal-content {
	padding: 10px;
	line-height: 130%;
}
.modal-content p {
	margin-top: 0.8em;
}
.modal-content a {
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #4444
}
.modal-content p.pflichtangaben {
	margin-top: 20px;
	font-size: 0.8em;
}
.modal-content p.pflichtangaben a {
	display: inline-block;
}
.modal-content p.pflichtangaben a:nth-child(1) {
	margin-right: 10px;
}
/* socialmedialinksmodal --------------- */
#socialmedialinksmodal {
	position: fixed;
	display: block;
	background-color: #f1f1f1;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	bottom: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	padding-top: 5px;
	z-index: 3000;
	border: 0px solid red;
}
#socialmedialinksmodal ul {
	position: relative;
	display: block;
	width: 90%;
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
}
#socialmedialinksmodal  li {
	display: inline-block;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
#socialmedialinksmodal a {
	display: block;
	padding: 0px;
	color: #000;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 25px !important;
}
#socialmedialinksmodal a:hover {

}
#socialmedialinksmodal img {
	display: inline-block;
	height: 20px;
	width: auto;
	padding-left: 6px;
}
#fb i.fab, #fb i.fab.fa-instagram-square  {
	text-align: center;
	color: #000;
}
/* CookieChoices ------------------ */
#cookieChoiceInfo {
	font-size: 14px;
	color: #fff;
	line-height: 150%;
}
#cookieChoiceInfo a {
	color: #fff;
	text-decoration: underline;
}

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

.zusatzinfos {
	display: block;
	position: absolute;
	left: -858em;
	font-size: 12px;
	color: #000;
}
/* Kennzeichnung externer Links */
.exlink {
	position: relative;
	top: 0px;
	left: 0px;
}
a.exlink span {
	display: none;
}
a:hover.exlink span {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	background-color: #dadada;
	padding: 5px;
	border: 1px solid #dadada;
	color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	z-index: 100;
}
a:hover.exlink {
	color: #000000;
	border: 0px;
	font-weight: normal;
	text-decoration: none;
	z-index: 1200;
}
/* Ende exlink */


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* Beginn Grid-System -------------------- */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.zeile {
	position: relative;
	width: 100%;
	/*max-width: 1480px;
	min-width: 768px;*/
	padding-left: 35px;
	padding-right: 35px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: left;
	border: 0px solid #000;
}

.zeile .zeile {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px;
}
.zeile.startheader {
	width: 100%; max-width: 100%; padding: 0; padding-top: 30px; padding-left: 15px; padding-right: 15px; margin-bottom: 0;
	border: 0px solid red;
}
.spalte, .spalten {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative;
	border: 0px solid #000;
}
.startheader .spalte, .startheader .spalten {
	padding: 0 15px;
	margin: 0;
}
[class*="spalte"] + [class*="spalte"]:last-child {
	float: right;
}
[class*="spalte"] + [class*="spalte"].end {
	float: left;
}
.zeile .eins {
	width: 8.33%
}
.zeile .zwei {
	width: 16.66%
}
.zeile .drei {
	width: 25%
}
.zeile .vier {
	width: 33.33%
}
.zeile .fuenf {
	width: 41.66%
}
.zeile .sechs {
	width: 50%
}
.zeile .sieben {
	width: 58.33%
}
.zeile .acht {
	width: 66.66%
}
.zeile .neun {
	width: 75%
}
.zeile .zehn {
	width: 83.33%
}
.zeile .elf {
	width: 91.66%
}
.zeile .zwoelf {
	width: 100%
}
/* Nicolas Gallagher's micro clearfix */
.zeile:before, .zeile:after, .clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.zeile:after, .clearfix:after {
	clear: both;
}
.zeile, .clearfix {
	zoom: 1;
}
/* Mobile */
@media only screen and (max-width: 990px) {
	.zeile.startheader
	.zeile {
		width: auto;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		border: 0pt solid #000;
	}

	.zeile.startheader .sechs.spalten.jhsslider {
		display: none !important; 
	}
	.zeile.startheader .rolex {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
}
.txtraum {
	padding-top: 4vw;
	padding-left: 4vw;
	padding-right: 4vw;
}
/* Mobile */
@media only screen and (max-width: 860px) {
	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.container {
	}
	.zeile {
		width: auto;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		border: 0pt solid #000;
	}
	.spalte, .spalten {
		width: 100% !important;
		float: none;
	}
	.spalte:last-child, .spalten:last-child {
		float: none;
	}
	[class*="spalte"] + [class*="spalte"]:last-child {
		float: none;
	}
	.spalte:before, .spalten:before, .spalte:after, .spalten:after {
		content: "";
		display: table;
	}
	.spalte:after, .spalten:after {
		clear: both;
	}
}
/* Ende Grid-System --------------- */
.abstand {
	margin-bottom: 40px;
}

.ohneformat {
	border: none !important;
	background: none !important;
	line-height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* heebo-regular - latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400;
	src: url('/webfont/heebo-v3-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Heebo'), local('Heebo-Regular'),
		url('/webfont/heebo-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/webfont/heebo-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/webfont/heebo-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('/webfont/heebo-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/webfont/heebo-v3-latin-regular.svg#Heebo') format('svg'); /* Legacy iOS */
	font-display: swap;
}

/* heebo-500 - latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 500;
	src: url('/webfont/heebo-v3-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Heebo Medium'), local('Heebo-Medium'),
		url('/webfont/heebo-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/webfont/heebo-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		url('/webfont/heebo-v3-latin-500.woff') format('woff'), /* Modern Browsers */
		url('/webfont/heebo-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/webfont/heebo-v3-latin-500.svg#Heebo') format('svg'); /* Legacy iOS */
	font-display: swap;
}
/* heebo-600 - latin */
@font-face {
	font-display: swap;
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 600;
	src: url('../webfont/heebo-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-700 - latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 700;
	src: url('/webfont/heebo-v3-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Heebo Bold'), local('Heebo-Bold'),
		url('/webfont/heebo-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/webfont/heebo-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('/webfont/heebo-v3-latin-700.woff') format('woff'), /* Modern Browsers */
		url('/webfont/heebo-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/webfont/heebo-v3-latin-700.svg#Heebo') format('svg'); /* Legacy iOS */
	font-display: swap;
}

/* heebo-800 - latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 800;
	src: url('/webfont/heebo-v3-latin-800.eot'); /* IE9 Compat Modes */
	src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'),
		url('/webfont/heebo-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/webfont/heebo-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		url('/webfont/heebo-v3-latin-800.woff') format('woff'), /* Modern Browsers */
		url('/webfont/heebo-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/webfont/heebo-v3-latin-800.svg#Heebo') format('svg'); /* Legacy iOS */
	font-display: swap;
}