/* Farben
Rolex Green: #006039
Green: #127749
Ocean green: #61BD93
Browns: #452C1E
Black: #212121
Dark grey #767676
Grey: #D4D4D4
Beige: #F4EFEA
Light Beige: #F9F7F4
White: #FFFFFF
Farverlaub grün: #0b3e27 to #197149
*/

.rlxinhalte {
	display: block;
	width: 100%;
	text-align: left;
	color: #452C1E;
	padding-top: 10vh;
}
.rlxinhalte.nospace {
	padding-top: 0;
}
.rlxinhalte:has(> iframe) {
	padding-top: 0;
}
.abstandtop {
	padding-top: 10vh;
}
/*#rlx-header + .rlxinhalte {
padding-top: 0px;
}*/
.rlxinhalte.headerslider {
	padding-top: 0;
	padding-bottom: 10vh;
	background-color: #F9F7F4;
}
.headerslider .rlxkarussell.slick-slider {
	background-color: #F9F7F4 !important;
}
.rlxinhalte.headerslider + .rlxinhalte {
	padding-top: 0;
}
.rlxplatzhalter {
	display: block;
	height: 10vh;
	min-height: 10vh;
	max-height: 10vh;
	background-color: #F9F7F4;
}
.rlxweiterlesen {
	display: block;
	width: 100%;
	text-align: left;
	color: #452C1E;
	padding-bottom: 10vh;
}
.rlxinhalte img {
	display: block;
	width: 100%;
	height: auto;
}
.rlxinhalte strong {
	font-weight: 600;
}
.rlxinhalte.hgweiss, .hgweiss {
	background-color: #ffffff;
}
.rlxinhalte.hgbeige1 {
	background-color: #F9F7F4;
}
.rlxinhalte.hgbeige2 {
	background-color: #F4EFEA;
	padding-bottom: 10vh;
}
.hgbeige2 {
	background-color: #F4EFEA;
}
.rlxinhalte.hgbeige2:has(+ .rlxinhalte.hgbeige2) {
	background-color: #F4EFEA;
	padding-bottom: 0;
}
.rlxinhalte.headerbanner {
	padding-bottom: 0;
	padding-top: 0;
}
.rlxabstand {
	margin-top: 90px;
	margin-top: 10vh;
}
p + p.rlxabstand {
	margin-top: calc(100px - 1rem);
	margin-top: calc(10vh - 1rem);
}
p + h2.rlxabstand {
	margin-top: calc(100px - 1rem);
	margin-top: calc(10vh - 1rem);
}
.rlxinhalte p, .rlxinhalte li {
	font-size: 18px; /* Fallback-Wert */
	font-size: clamp(1.125rem, 1.0625rem + .1563vw, 1.20rem);
	line-height: 1.55;
	margin-bottom: 1rem;
}
.rlxinhalte p:only-child, .rlxinhalte p:last-child {
	margin-bottom: 0;
}
.rlxinhalte ul.bulletlist {
	list-style-type: disc;
	margin-left: 5px;
	padding-left: 15px;
}
.rlxinhalte .rlxlink, .rlxinhalte .rlxlink2 {
	display: inline-block;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.25rem;
	cursor: pointer;
	text-decoration: none;
	border: none;
}
.rlxinhalte a, .rlxinhalte .komponente .rlxlink a {
	display: inline-block;
	position: relative;
	font-weight: 600;
	text-decoration: none;
	color: #127749;
	transition: color 0.3s;
}
.rlxinhalte a:hover, .rlxinhalte .komponente .rlxlink a:hover {
	text-decoration: none;
	color: #212121;
	transition: color 0.3s;
}
.rlxinhalte .rlxlink a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	color: #127749;
	font-size: 13px;
	padding-left: 6px;
	transform: translateY(-50%);
	transition: all 0.3s ease; /* Übergangseffekt für flüssige Änderungen */
}
.rlxinhalte .rlxlink2 a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f053";
	color: #127749;
	font-size: 13px;
	padding-right: 6px;
	text-decoration: none;
	border: none;
}
.rlxinhalte .rlxlink a:hover::after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	color: #212121;
	font-size: 13px;
	padding-left: 6px;
	transform: translateY(-50%);
	transition: all 0.3s ease; /* Übergangseffekt für flüssige Änderungen */
}
.rlxinhalte .rlxlink2 a:hover::before {
	font-family: "Font Awesome 5 Free";
	content: "\f053";
	color: #212121;
	font-size: 13px;
	padding-right: 6px;
	text-decoration: none;
	border: none;
}
.rlxinhalte .ctabutton a, button.ctabutton, input.ctabutton {
	display: inline-block;
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	height: 44px;
	max-height: 44px;
	line-height: 44px;
	color: #fff;
	text-decoration: none;
	background-color: #127749;
	border: 1px solid #127749;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 500;
	transition-property: color, border-color, background-color, fill;
	transition-duration: 0.3s;
	cursor: pointer;
}
.rlxinhalte .ctabutton a:hover, button.ctabutton, input.ctabutton:hover {
	display: inline-block;
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	height: 44px;
	max-height: 44px;
	line-height: 44px;
	color: #fff;
	text-decoration: none;
	background-color: #006039;
	border: 1px solid #006039;
	border-radius: 100px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
/* Header -------------- */
.rlxbanner-xl {
	display: block;
	width: 100%;
}
/* Header-Slider ------- */
.rlxkarussell {
	display: block;
}
.rlxkarussell .rlxsliderblock {
	display: flex;
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
.rlxkarussell .rlxsliderblock .rlxslidertxt {
	position: absolute;
	right: 8%;
	z-index: 110;
	align-self: center;
	width: 33.6666667%;
	border: 0px solid red;
}
.rlxkarussell .pic {
	display: block;
	position: relative;
	z-index: 90;
	overflow: hidden;
}
.rlxkarussell h2 {
	font-size: 70px;
	font-size: clamp(2.2rem, 1.18rem + 2.65vw, 4.1rem);
	font-weight: 600;
	line-height: 1.1;
	color: #212121;
}
.rlxkarussell p {
	font-size: 26px;
	font-size: clamp(1.3rem, 1.2rem + .3125vw, 1.6rem);
	font-weight: 600;
	line-height: 1.2;
	color: #212121;
}
.rlxkarussell .fontwhite h2, .rlxkarussell .fontwhite p {
	color: #fff;
}
.rlxkarussell .ctabutton {
	margin-top: 15px;
}
/* Layouts -------------------------------------------------- */
.rlxcol12 {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	padding-left: 8%;
	padding-right: 8%;
	position: relative;
}
.rlxcol12:nth-child(2), .rlxcol12:nth-child(3) {
	margin-top: 10vh;
}
.modul_s, .rlxbanner_s {
	grid-column: 4 / span 6;
}
.modul_m, .rlxbanner_m {
	grid-column: 2 / span 10;
}
.modul_l, .rlxbanner_l {
	display: block;
	padding-left: 8%;
	padding-right: 8%;
	width: 100%;
}
.modul_xl {
	width: 100%;
	padding-left: 8%;
	padding-right: 8%;
}
.rlxbanner_xl {
	grid-column: 1;
}
.modul_s h2, .text_small h2, #contactform h2 {
	font-size: 50px;
	font-size: clamp(1.875rem, 1.25rem + 1.55vw, 2.4rem);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}
.rlxinhalte.hgweiss > .rlxbanner_xl {
	margin-top: -10vh;
}

.teasertxt p, .modul_s h2, .modul_s p, .modul_s li {
	hyphens: auto;
}
/* Youtube-Video einbetten --------------------------------------- */
.youtube-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9-Verhältnis */
	overflow: hidden;
	padding-left: 8%;
	padding-right: 8%;
}
.youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Teaser ------------------------------------------------------ */
.teaser {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 8px;
	padding-left: 8%;
	padding-right: 8%;
}
.teaserheader {
	grid-column-start: 1;
	grid-column-end: span 5;
}
.teasertxt {
	grid-column-start: 7;
	grid-column-end: span 5;
}
.teaserheader h2 {
	font-size: 50px; /* Fallback-Wert */
	font-size: clamp(1.870rem, 1.25rem + 1.5625vw, 2.4rem);
	line-height: 1.2;
	font-weight: 600;
}
.teaserheader p {
	font-weight: 600;
	margin-bottom: 0;
}
.teasertxt p:first-child {
	margin-bottom: 30px;
}
.teasertxt p:last-child {
	margin-bottom: 0px;
}
/* Komponenten Layout ------------------------------------------------*/
.rlx1spalter {
	display: block;
	width: 100%;
	padding-left: 8%;
	padding-right: 8%;
}
.rlx2spalter, .rlx3spalter {
	padding-left: 8%;
	padding-right: 8%;
}
.rlx2spalter .rlxspalten {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* erzeugt immer 2 Spalten, auch wenn nur ein Element existiert */
	gap: 8px;
}
.rlx2spalter .rlxspalten .komponente {
	margin-bottom: 10vh;
}
.rlx2spalter .rlxspalten .komponente:nth-last-child(-n+2) {
	margin-bottom: 0;
}
/*.rlx2spalter .rlxspalten {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px; 
}

.rlx2spalter .rlxspalten .komponente {
flex: 1/2; 
} */
.rlx3spalter .rlxspalten {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* erzeugt immer 3 Spalten, auch wenn nur ein Element existiert */
	gap: 8px;
}
.rlx3spalter .rlxspalten .komponente {
	margin-bottom: 35px;
}
.rlx3spalter .rlxspalten .komponente:nth-child(3n) {
	margin-right: 0;
}
.rlx3spalter .rlxspalten .komponente:nth-last-child(-n+3) {
	margin-bottom: 0; /* Entfernt den Abstand nach unten im letzten Element jeder Zeile */
}
.komponente {
	display: block;
	margin: 0;
}
.komponente a {
	color: #452c1e;
}
/* Uhrenliste - Modelluebersicht --- */
.familyselection .rlx3spalter {
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0vh;
}
.uhrenliste.rlx3spalter .rlxspalten .uhrenitem .watchimagesoldier {
	width: 100%;
	box-sizing: border-box;
	border: 0px solid red;
	text-align: center;
	margin: 0 auto;
}
.uhrenliste.rlx3spalter .rlxspalten .uhrenitem .uhreninfo {
	display: block;
	padding: 0 40px 35px;
	border: 0px solid red;
}
.uhrenliste {
	display: block;
	margin: 0 auto;
	width: 63.2653061%;
	border: 0px solid red;
}
.uhrenliste.rlx3spalter .rlxspalten .uhrenitem {
	background-color: #F4EFEA;
	height: auto;
	display: grid;
	grid-template-rows: 70% 25%;
	padding-top: 5%;
	border: 0px solid red;
}
.uhrenliste.rlx3spalter .rlxspalten .uhrenitem .watchimagesoldier img {
	display: block;
	width: 64.5%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	border: 0px solid red;
}
.familyselection .uhrenliste .uhrenitem a {
	display: block;
	color: #212121;
}
.familyselection .uhrenliste .uhrenitem a p {
	color: #212121;
	font-size: 18px;
	font-size: clamp(.75rem,.625rem + .3125vw,1rem);
	line-height: 1.55;
	margin-bottom: 0;
}
.familyselection .uhrenliste .uhrenitem a p:last-child {
	font-weight: 400;
	margin-top: 5px;
}
.familyselection .uhrenliste .uhrenitem h2 {
	color: #212121;
	font-size: 24px;
	font-size: clamp(1.125rem, .9375rem + .4688vw, 1.4rem);
	line-height: 1.2;
	font-weight: 600;
}
#items-container div.uhrenitem {
	display: none;
}
#items-container div.uhrenitem:nth-child(-n+6) {
	display: block;
}
.buttoncontainer {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border: 0px solid red;
}
.buttoncontainer button.ctabutton {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}
/* Zitatformat ----------------------- */
q {
	font-size: clamp(1.5rem, .6875rem + 2.0vw, 3.0rem);
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1.3;
}
/* Zitat Ende --- */
.pic_komp {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.pic_komp 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);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.komponente:hover .pic_komp img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	overflow: hidden;
}
.rlx1spalter .txt_komp {
	max-width: 50%;
}
.txt_komp {
	padding-right: 40px;
}
h3.rlxh3, .komponente h3, #contactform h3 {
	font-size: 36px;
	font-size: clamp(1.5rem, .935vw + 1.129rem, 2.25rem);
	line-height: 1.2;
	font-weight: 600;
}
#contactform h3 {
	padding-bottom: 1.25rem;
}
.rlx3spalter .komponente h3 {
	font-size: 24px;
	font-size: clamp(1.125rem, .9375rem + .4688vw, 1.5rem);
	line-height: 1.2;
	font-weight: 600;
}
h3.rlxh3 {
	margin-bottom: 20px;
}
.rlxinhalte p.rlxheader {
	font-size: clamp(1.125rem, .9375rem + .4688vw, 1.5rem);
	line-height: 1.585;
	margin-bottom: 0;
}
.komponente p.rlxkomptxt1 {
	font-size: 16px;
	line-height: 1.1;
	font-weight: 600;
	margin-bottom: 0;
}
/* Modelpage - Uhrendarstellung ------------------------------------------------ */
.mp1 {
	padding-top: 10px;
	padding-bottom: 0;
}
.rlxinhalte.hgbeige2.mp2 {
	padding-top: 0;
	padding-bottom: 70px;
}
.rlxinhalte.hgbeige1.mp5 {
	padding-top: 0vh;
}
.rlxinhalte.mp6 {
	padding-top: 0vh;
	padding-bottom: 7vh;
}
.mp3 .rlxcol12:nth-child(2), .mp3 .rlxcol12:nth-child(3) {
	margin-top: 0;
}
.mp3 .rlxcol12 + .mp3 .rlxbanner_l {
	margin-bottom: 10vh;
}

.rlxbanner_l.modellp {
	margin-top: 10vh; 
	margin-bottom: 10vh;
}
.mpupright {
	display: block;
	position: relative;
	width: 100%;
	height: 660px;
	min-height: 660px;
}
.mpupright .watchimagesoldier {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 10;
}
.rlxinhalte .mpupright .watchimagesoldier img, .rlxinhalte .mpupright .watchimagesoldier a  {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.mpupright .watchdata {
	display: block;
	position: absolute;
	width: 35%;
	padding-left: 8%;
	z-index: 20;
	top: 50%;
	transform: translate(0%, -50%);
}
.mpupright h2 {
	font-size: 48px;
	font-size: clamp(1.85rem, 1.25rem + 1.5625vw, 2.4rem);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 5px;
}
.mpupright p:nth-child(1) {
	font-size: 24px;
	font-size: clamp(1rem, 0.625rem + 0.78125vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
}
.mpupright p {
	font-size: 20px;
	font-size: clamp(0.75rem, 0.625rem + 0.3125vw, 1.25rem);
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 10px;
}
.mpupright p.price {
	display: flex;
	margin-top: 5px;
}
.betrag {
	display: inline-block;
}
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	height: 20px;
	margin-left: 10px;
}
.rlxinhalte .tooltip img {
	display: inline-block;
	width: 15px;
	height: 15px;
	text-align: left;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 20vw;
	background-color: #fff;
	color: #452C1E;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.3;
	text-align: left; /* Text linksbündig */
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: calc(100% + 10px); /* Unterhalb des Bildes */
	left: calc(-150% + 5px); /* Links zum Absatz */
}
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.rlxinhalte p.rlxlink, .rlxinhalte .mpupright p.rlxlink {
	margin-top: 8px;
}
.mpspecs {
	display: flex;
	padding-left: 8%;
	padding-right: 8%;
}
.mpspecs h2 {
	font-size: 48px;
	font-size: clamp(1.85rem, 1.25rem + 1.5625vw, 2.4rem);
	line-height: 1.2;
}
.mpspecs p {
	margin-bottom: 10px;
	line-height: 1.5;
}
.specscol-1 {
	border: 0px solid black;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.specscol-1 p {
	width: 85%;
}
.specscol-1:first-child {
	flex: 0 0 58%;
	padding-top: 10vh;
}
.specscol-1:last-child {
	flex: 0 0 42%;
}
.specscolinner {
	display: flex;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(69, 44, 30, 0.4);
}
.specscol-1-1 {
	flex: 1;
	border: 0px solid blue;
	box-sizing: border-box;
}
img.specspic {
	margin: 0 auto;
	border: 0px solid red;
}
.rlxinhalte .specscta p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-size: .875rem;
}
.rlxinhalte .specscta p a {
	margin: 0;
	padding: 0;
}
.specscta p a::before {
	content: url('/rolex/assets/download-green-button.svg');
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.mp5 {
	padding-bottom: 10vh;
}
.verfuegbarkeitbox {
	display: block; 
	width: 84%; 
	margin: 0 auto;
}
.mp5 .text_small, .mp6 .text_small {
	margin: 0 auto;
	width: 50%;
	padding-top: 10vh;
}
.mp5 h2, .mp5 p, .mp6 h2, .mp6 p {
	text-align: center;
	margin-bottom: 40px;
}
img.rlxcrown {
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
	text-align: center;
	width: auto;
	height: 50px;
}
/* Kontaktseite / Kontaktformular ---------------------------------------------------- */
#mapadressdata {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	height: 640px;
	max-height: 640px;
}
#mapadressdata .rlxbox {
	border: 0px solid red;
}
#mapadressdata .rlxbox:nth-child(1) {
	width: 65vw;
}
#mapadressdata .rlxbox:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35vw;
	min-width: 410px;
	background-color: #fff;
}
#rlxmap {
	position: relative;
}
#mapadressdata .rlxbox .kontaktdaten {
	display: block;
	width: 80%;
	text-align: left;
	border: 0px solid red;
}
#rlxmap span {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	left: 0px;
	text-align: left;
	color: #333;
	font-size: 11px;
	padding: 5px;
	background: rgb(255, 255, 255, 0.7);
}
#rlxmap > a {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #333;
}
#rlxmap > a > .rlximage {
	display: block;
	position: relative;
	width: 100%;
	height: 640px;
	max-height: 640px;
	background-size: cover;
	background-position: center;
}
.rlxinhalte .kontaktdaten h3 {
	font-size: 30px;
	font-size: clamp(1.375rem, 1.25rem + .51282vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	margin-top: 0;
}

.rlxinhalte .adresse {
	margin-top: 20px;
	margin-bottom: 20px;
}
.rlxinhalte .adresse p {
	margin-bottom: 0;
}
.rlxinhalte .kontaktdaten p {
	font-size: 16px;
	line-height: 1.4;
}
.rlxinhalte .kontaktwege p {
	font-size: 12px;
	color: #452c1e;
	margin-bottom: 10px;
}
.rlxinhalte .kontaktwege a {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 12px;
	color: #452c1e;
}

.rlxinhalte .oeffnungszeiten {
	display: block;
	margin-top: -5px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.4;
}
.rlxinhalte .oeffnungszeiten .zeitenjhs p {
	margin-bottom: 0.8em;
	font-size: 14px;
	line-height: 1.4;
}
#rlx-hybrid .rlxtxtwrap .oeffnungszeiten summary p {
	padding-right: 120px;
	display: inline-block;
}
.oeffnungszeiten details > summary::after {
	display: inline-block;
	content: url(/images/arrow-down.png);
	left: 0px;
	top: 10px;
	font-size: 1.0em;
}
.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 {
	display: block;
	position: relative;
	width: 300px;
	background-color: #F9F7F4;
	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.oeffnungszeiten .zeitangaben p {
	font-size: 16px;
	line-height: 1.2;
}
.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;
}
.kontaktwege .nolinkformat span {
	display: inline-block;
	margin-bottom: 0;
}
.kontaktwege a span.signet {
	float: left;
	background-color: #f8f7f3;
	border-radius: 100%;
	display: flex;
	height: 30px;
	width: 30px;
	margin-right: 10px;
	justify-content: center;
	align-items: center;
	border: 0px solid #ddd;
}

.kontaktwege svg {
	transition: fill 0.3s ease 0s;
	fill: rgb(69, 44, 30);
	width: 12px;
	height: 12px;
	vertical-align: top;
}
.kontaktwege a:hover span.signet {
	background-color: #f8f7f3;
}
.rxlmodelpage .rlxctaflex.kontaktwege a span.signet {
	background-color: #fff;
}
.rxlmodelpage .rlxctaflex.kontaktwege a:hover span.signet {
	background-color: #fff;
}
/*.kontaktwege a:hover svg {
transition: fill 0.3s ease 0s;
fill: rgb(249, 247, 244);
width: 12px;
height: 12px;
}*/
/* Modellpage CTA Anfang ---- */
.rlxinhalte .rlxctaflex.kontaktwege {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
	margin-bottom: 35px;
	width: 75%;
}
.rlxinhalte .rlxctaflex.kontaktwege p {
	flex: 1 1 45%;         /* Flexibles Verhalten mit 45% Basisbreite */
	box-sizing: border-box;
	margin-bottom: 0;
}
.rlxinhalte .modellverfuegbarkeit {
	display: block;
	width: 75%;
	border-top:	1px solid rgba(69, 44, 30, 0.4);
	padding-top: 15px;
}
/* Modellpage CTA Ende ---- */
#formback {
	position: absolute;
	top: -5vh;
	left: 8%;
}
.formflex {
	display: flex;
	gap: 10px; /* Abstand zwischen den Elementen */
}
.formflex .input-wrapper:nth-child(1) {
	width: 15.773%;
}
.formflex .input-wrapper:nth-child(2) {
	width: 32.99%;
}
.formflex .input-wrapper:nth-child(3) {
	width: 49.485%;
}
#rlxformular label {
	color: #212121;
	font-size: 12px;
	font-size: clamp(1rem, .9375rem + .1563vw, 1.0rem);
	font-weight: 400;
}
#rlxformular input.rlxform, #rlxformular select, #rlxformular textarea {
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	color: #212121;
	font-size: 14px;
	font-size: clamp(1rem, .9375rem + .1563vw, 1.0rem);
	font-weight: 600;
	line-height: 1.375;
	width: 100%;
	outline: none;
	border: none;
	border: 0;
	border-bottom: 1px solid #767676;
	background: transparent;
	-moz-transition: border .3s ease-out;
	-o-transition: border .3s ease-out;
	-webkit-transition: border .3s ease-out;
	transition: border .3s ease-out;
	vertical-align: middle;
}
#rlxformular textarea {
	display: block;
	background-color: #fff;
	margin-top: 30px;
	margin-bottom: 40px;
	border: none;
}
#rlxformular.modellpage {
	padding-bottom: 7vh;
}
#rlxformular.modellpage textarea {
	display: block;
	background-color: #F9F7F4;
	margin-top: 30px;
	margin-bottom: 40px;
	border: none;
}
#rlxformular textarea#Mitteilung {
	padding: 20px;
	height: 140px;
	border: none;
}
#rlxformular select {
	background: transparent;
	vertical-align: top;
	box-sizing: border-box;
	outline: 0px;
	box-sizing: border-box;
}
#rlxformular .platzh {
	margin-left: 0px;
}
#rlxformular .rlxform.nachricht {
	display: block;
	width: 100%;
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	color: #212121;
	font-size: 14px;
	width: 100%;
	padding: 3px;
	border: 0;
	border: 1px solid #d5d6de;
	-moz-transition: border .3s ease-out;
	-o-transition: border .3s ease-out;
	-webkit-transition: border .3s ease-out;
	transition: border .3s ease-out;
	vertical-align: middle;
}
#rlxformular p.terms {
	display: flex;
	position: relative;
	align-items: flex-start;
	margin-bottom: 25px;
}
#rlxformular p.terms input {
	margin-right: 10px;
	margin-top: 0px;
	border-radius: 100%;
}
.input-wrapper {
	position: relative;
	margin-bottom: 45px;
	border: 0px solid red;
}
.input-label {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	transition: 0.2s ease-in-out;
	pointer-events: none;
}
.input-wrapper.focused .input-label {
	top: -15px;
	font-size: 0.8em;
	font-size: 12px;
	color: #333;
}
.input-wrapper input, .input-wrapper select {
	width: 100%;
	padding: 0px;
	padding-left: 5px;
	background-color: transparent;
	box-sizing: border-box;
}
.input-wrapper input:focus, .input-wrapper select:focus {
	outline: none;
	border: 0px solid #007bff;
}
.platzh {
	position: relative;
}
.platzh::before {
	content: attr(placeholder);
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.6;
	transition: 0.2s ease-in-out;
	pointer-events: none;
}
.input-wrapper.focused .platzh::before {
	opacity: 0;
}
/* Formatierung der Fehlerinfo (Bubble) */
#rlxformular span.error {
	position: absolute;
	display: block;
	bottom: -20px;
	font-size: 12px;
	color: #dc3545;
}
#rlxformular .terms span.error {
	display: block;
	position: absolute;
	top: 25px;
	left: 0px;
}
/* Styling des Labels für die benutzerdefinierte Checkbox */
.checkbox-wrapper {
	display: flex;
	align-items: flex-start;
}
.checkbox-label {
	margin-left: 8px;
	line-height: 1.4;
}
.custom-checkbox {
	-webkit-appearance: none;
	background-color: #F9F7F4;
	border: 1px solid #127749;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}
.custom-checkbox:checked {
	background-color: #127749;
	border-color: #127749;
}
.custom-checkbox:checked:after {
	content: "";
	background-image: url('/rolex/assets/check-white-icon.svg');
	/*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ffffff" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>'); */
	position: absolute;
	top: 2px; /* padding from top */
	left: 2px; /* padding from left */
	right: 2px; /* padding from right */
	bottom: 2px; /* padding from bottom */
	width: calc(100% - 4px); /* adjust width for padding */
	height: calc(100% - 4px); /* adjust height for padding */
	background-size: contain; /* adjust background size to fit */
	background-repeat: no-repeat; /* prevent background from repeating */
	background-position: center; /* center the background image */
}
#rlxformular input.rlxformreset {
	display: inline-block;
	font-family: 'Heebo', 'Georgia', 'Times New Roman', 'Times', Serif;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border: 0;
	background-color: #fff;
	margin-right: 20px;
	cursor: pointer;
}
#rlxformular input.rlxformreset:hover {
	color: #127749;
}
#rlxformular .nolinkformat a, #rlxformular .nolinkformat a:active, #rlxformular .nolinkformat a:hover, #rlxformular .nolinkformat a:visited {
	text-decoration: none;
	border: none;
	color: #212121 !important;
}
#rlxformular .kontaktwege .nolinkformat {
	display: flex;
	flex-direction: row;
}
.kontaktwege .nolinkformat span {
	display: inline-block;
}
/* Footer: Exploring ----------------------------------------------- */
.exploring_slider {
	display: block;
	width: 100%;
	padding-top: 0;
	padding-bottom: 110px;
	padding-left: 8%;
	padding-right: 8%;
}
.exploring {
	margin-right: 8px;
}
.exploring .pic {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.exploring .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);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.exploring:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	overflow: hidden;
}
.rlxinhalte .exploring_slider a.nav-link {
	color: #452c1e;
}
.rlxinhalte .exploring_slider a.nav-link:link {
	color: #452c1e;
}
.rlxinhalte .exploring_slider a.nav-link:visited {
	color: #452c1e;
}
.rlxinhalte .exploring_slider a.nav-link:hover {
	color: #452c1e;
}
.rlxinhalte .exploring_slider a.nav-link.aktiv {
	color: #127749;
}
/* Footer ----------------- */
#rlxfooter {
	display: block;
	margin: 0 auto;
	width: 100%;
	background: linear-gradient(to right, #0b3e27, #197149);
	color: #fff;
}
#rlxfooterlogo {
	display: block;
	max-height: 160px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#rlxfooterlogo img {
	display: block;
	width: 40px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
#rlxfootergotop {
	display: block;
	width: 100%;
	max-height: 80px;
	margin: 0 auto;
	text-align: center;
}
#rlxfootergotop button {
	display: inline-block;
	border: none;
	background-color: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	font-size: clamp(.75rem, .625rem + .3125vw, 1rem);
	line-height: 1.375;
	cursor: pointer;
}
#rlxfootergotop button .toppfeil {
	display: block;
	transform: rotate(-90deg);
	height: 15px;
	width: auto;
	text-align: center;
	margin: 0 auto;
	fill: white;
}
#rlxfootergotop button span {
	display: block;
	font-size: 14px;
	font-size: clamp(.75rem, .6rem + .312vw, 1rem);
	line-height: 1.375;
	color: #fff;
	font-weight: 600;
}
#rlxfootergotop button:hover span {
	color: #61BD93;
}
#rlxfootergotop button:hover .toppfeil {
	fill: #61BD93;
}
/* Navigation --------------- */
#rlx-header {
	display: block;
	padding-left: 8%;
	padding-right: 8%;
	background: linear-gradient(to right, #0b3e27, #197149);
}
#rlx-header #rlx-headerinner {
	height: 110px;
	max-height: 110px;
}
#rlx-navirespons, .rlxnaveins, .rlxnavzwei {
	display: none;
}
#rlx-logo {
	display: inline-block;
	position: relative;
}
#rlx-logo img {
	display: block;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	height: auto;
}
#rlx-headerinner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 110px;
}
#rlx-headerinner .headerbox:first-child {
	text-align: left;
	width: 170px;
	min-width: 170px;
}
#rlx-headerinner .headerbox:last-child {
	text-align: right;
}
#rlx-headerinner nav ul {
	display: grid; /* Grid-Layout verwenden */
	grid-auto-flow: column; /* Elemente horizontal anordnen */
	justify-content: end; /* Navigation rechtsbündig */
	grid-gap: 1.5vw; /* Abstand von 2.5vw zwischen den Elementen */
	list-style: none; /* Standard-Aufzählungszeichen entfernen */
	margin: 0; /* Standard-Abstände entfernen */
	padding: 0; /* Standard-Padding entfernen */
}
#rlx-headerinner nav li {
	border: 0px solid #fff;
	white-space: nowrap;
}
#rlx-headerinner nav li a {
	display: block; /* Links als Blockelemente */
	text-decoration: none; /* Standard-Unterstreichung entfernen */
	color: #ffffff; /* Textfarbe weiß */
	font-size: 14px;
	font-weight: 500;
	padding: 0;
	white-space: nowrap;
}
#rlx-headerinner nav li a:hover {
	color: #61BD93;
}
#rlx-headerinner nav li a.nav-link.aktiv {
	color: #61BD93;
}
#rlx-headerinner nav li a.aktiv {
	color: #61BD93;
}

/* Breadcrumb-Navigation -------------- */

#breadcrumbs {
	display: block;
	font-size: 14px;
	line-height: 1.1;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 12px;
}

ul#crumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul#crumbs li {
	display: inline-block;
	color: #fff;
}

ul#crumbs li::after {
	content: url('/rolex/assets/arrow-white-button.svg');
	display: inline-block;
	margin-left: 8px; 
	margin-right: 4px;
	width: 8px; 
	height: 8px;
}
ul#crumbs li:last-child::after {
	content: none;
}
ul#crumbs li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}

ul#crumbs li a.aktiv, ul#crumbs li a.aktiv4 {
	color: #61BD93;
}

ul#crumbs li a.aktiv.weiss {
	color: #fff;
} 
/* -- Modelpage New ------------- */
.rxlmodelpage {
}

.watchimagesoldier.desktopversion {
	display: block;
}

.watchimagesoldier.mobilversion {
	display: none;
}

.rxlmodelpage .rlxinhalte.gallery {
	padding-top: 0;
}
.rlxwatchgallery {
	display: flex; /* Aktiviert Flexbox für den Container */
	flex-wrap: wrap; /* Erlaubt den Elementen, in die nächste Zeile umzubrechen */
	/* Zentrierung des Containers auf der Seite */
	margin-left: auto;
	margin-right: auto;
	width: 84%; /* Mindestbreite des Containers */
	min-width: 84%; /* Mindestbreite des Containers */
	gap: 5px;
	/* Anordnung der Elemente innerhalb der Flexbox */
	justify-content: space-between; /* Verteilt die Elemente mit maximalem Abstand zwischen ihnen (erste links, letzte rechts) */
	align-items: flex-start; /* Richtet Elemente am oberen Rand der Zeile aus */
}

.galleryitem {
	flex: 1 1 calc(25% - 30px); /* Erlaubt 4 Elemente pro Reihe mit Lücken (20px gap, also 15px pro Seite -> 30px Abzug) */
	text-align: center;
	box-sizing: border-box;
}
.galleryitem img {
	display: block;
	width: 100%;
	height: auto;
}
.keyfacts h2 {
	font-size: 24px;
	font-size: clamp(1rem, 0.625rem + 0.78125vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
}
.keyfacts p {
	text-align: left;
}
.keyfactsflex {
	display: flex; /* Aktiviert Flexbox für den Container */
	flex-wrap: wrap; /* Erlaubt den Elementen, in die nächste Zeile umzubrechen */
	/* Zentrierung des Containers auf der Seite */
	margin-left: auto;
	margin-right: auto;
	width: 84%; /* Mindestbreite des Containers */
	min-width: 84%; /* Mindestbreite des Containers */
	gap: 5px;
	/* Anordnung der Elemente innerhalb der Flexbox */
	justify-content: space-between; /* Verteilt die Elemente mit maximalem Abstand zwischen ihnen (erste links, letzte rechts) */
	align-items: flex-start; /* Richtet Elemente am oberen Rand der Zeile aus */
}
.keyfactsitem {
	flex: 1 1 calc(50% - 30px); /* Erlaubt 4 Elemente pro Reihe mit Lücken (20px gap, also 15px pro Seite -> 30px Abzug) */
	text-align: left;
	box-sizing: border-box;
}
.keyfactsitem:nth-child(2) {
	padding-left: 8%;
}
.rxlmodelpage  {

}
.rlxinhalte .specsbox {
	display: block;
	margin: 0 auto;
	width: 84%;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 10vh;
	padding-bottom: 10vh;
}
.specsinfo {

}
.rlxinhalte .specsbox {
  display: block;
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.specsinfo ul {
	width: 90.5%;
  display: flex;          /* Flexbox aktivieren */
  flex-wrap: wrap;        /* mehrere Zeilen erlauben */
  gap: 30px;              /* Abstand zwischen "Spalten" */
  list-style: none;       /* optional: Punkte entfernen */
  padding: 0;
  margin: 0;
}

.specsinfo li {
 flex: 0 1 calc(33.33333% - 2rem);  /* 3 Spalten */
  box-sizing: border-box;
  break-inside: avoid;
  margin-bottom: 1em; /* Abstand nach unten */
}

@media (max-width: 900px) {
  .specsinfo li {
    flex: 1 1 calc(50% - 2rem); /* 2 Spalten */
  }
}
/* Loesung mit Spalten 
.specsinfo ul {
	width: 84%;
	column-gap: 7%;
	columns: 3;
	column-fill: balance;
}

.specsinfo li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 1em;
}
*/
.rlxinhalte .broschure {
	padding-top: 40px;
	margin-top: 60px;
	border-top: 1px solid rgba(69, 44, 30, 0.4);
}
.rlxinhalte .broschure p.ctabutton a::before {
	content: url('/rolex/assets/download-back-icon.svg');
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	filter: invert(100%);
}
/* -- Accordion (z.B. Modelseiten) -- */
.accordion {
	max-width: 100%;
	border-top: 1px solid rgba(69, 44, 30, 0.4);
}

.accordion-item:first-child {
	border-top: 0px solid rgba(69, 44, 30, 0.4); /* Korrigierter Selektor */
}

.accordion-item {
	border-bottom: 1px solid rgba(69, 44, 30, 0.4);
}

.accordion-title {
	cursor: pointer;
	padding: 1em;
	padding-left: 0;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.accordion-icon {
	font-size: 1.2em;
	transition: transform 0.3s ease;
	color: #006039; /* Grünton für Plus/Minus */
}

.accordion-content {
	overflow: hidden;
	height: 0;
	transition: height 0.3s ease;
}

.accordion-content > div {
	padding: 0 0em 1em;
}

/* --- Overlay Modelpage ------------- */
/* Overlay Styling */

#overlay {
    display: none; 
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F9F7F4; 
    z-index: 1000; 
    justify-content: center; 
    align-items: center; 
    /* #overlay benötigt keine position: relative mehr, da das Kreuz fixed ist */
}

.overlay-content {
    background-color: #F9F7F4;
    padding: 30px;
    /* position: relative; wird hier nicht mehr benötigt, da das Kreuz nicht mehr darin ist */
	width: 100vh;
    max-width: 100vh; 
	  max-height: 95vh;
    text-align: center;
}
.overlay-content .exploring_slider .slider {
	margin: 0 auto;
	text-align: center;
}
.overlay-content .exploring_slider .slider img {
height: 80vh;
 max-height: 80vh;
	margin: 0 auto;
	text-align: center;
}
/* Schließkreuz Styling - jetzt position: fixed */
.close-btn {
  position: fixed; /* Jetzt ist es am Viewport fixiert */
  top: 20px;       /* Abstand vom oberen Rand des Fensters */
  right: 20px;     /* Abstand vom rechten Rand des Fensters */
  font-size: 30px; /* Größe des "X" */
  font-weight: normal;
  color: #14613f; /* Farbe des "X" ändern, damit es auf dem roten/blauen Hintergrund sichtbar ist */
  cursor: pointer;
  z-index: 1001; /* Ein z-index, der höher ist als der des Overlays */

  /* Kreiseigenschaften */
  border-radius: 50%; /* Macht das Element zu einem Kreis */
  width: 40px; 
  height: 40px; /* Feste Höhe für den Kreis (gleich wie Breite für perfekten Kreis) */
  display: flex; /* Für die Zentrierung des Inhalts (des "X") */
  justify-content: center; /* Zentriert horizontal */
  align-items: center; /* Zentriert vertikal */
  padding: 7px; /* Padding um das Kreuz innerhalb des Kreises */
  background-color: #f0efed; /* Standard-Hintergrundfarbe Rot */
  transition: background-color 0.3s ease; /* Sanfter Übergang beim Hover */
}

.close-btn:hover,
.close-btn:focus {
  background-color: #dbdad9; /* Hintergrundfarbe Blau beim Hover */
  color: #14613f; /* Farbe des "X" bleibt weiß beim Hover, falls gewünscht */
  text-decoration: none;
}
/* Media Query für mobile Geräte: Blendet die gesamte Flexbox aus */
@media (max-width: 768px) { /* Anpassung: Bei Bildschirmbreiten bis 768px */
	.rlxwatchgallery {
		display: none; /* Blendet den gesamten Container und damit die Flexbox aus */
	}
}
/* Responsive CSS --------------- */
@media (max-width: 1685px) {
	#rlx-headerinner nav ul {
		grid-gap: 1.2vw; /* Abstand von 2.5vw zwischen den Elementen */
	}
	.headerslider .slick-dots {
		position: absolute;
		bottom: 3vh;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
}
@media (max-width: 1024px) {
	.modul_s, .rlxbanner_s {
		grid-column: 3 / span 8;
	}
	.modul_m, .rlxbanner_m {
		grid-column: 2 / span 10;
	}
	.teaserheader {
		grid-column-start: 1;
		grid-column-end: span 12;
	}
	.teasertxt {
		grid-column-start: 1;
		grid-column-end: span 12;
	}
	.teaserheader h2 {
		margin-bottom: 20px;
	}
	.rlx1spalter .txt_komp {
		max-width: 100%;
	}
	.uhrenliste {
		width:83.3333%
	}

	.rlxinhalte.hgweiss > .rlxbanner_xl {
		margin-top: -100px;
	}
	.mpupright.watchdata {
		width: 34%;
	}
	.mpspecs {
		display: flex;
		flex-direction: column;
		padding-left: 6%;
	}
	img.specspic {
		margin: 0 auto;
		width: 65%;
	}
	.specscol-1 p {
		width: 100%;
	}
	.specscol-1:first-child {
		flex: 100%;
		order: 1;
		padding-top: 4vh;
	}
	.specscol-1:last-child {
		flex: 100%;
		order: 0;
	}
	.specscolinner {
		gap: 60px;
	}
}
@media (max-width: 1590px) {
	/* Navigation --------------- */
	#rlx-header {
		display: block;
		padding-left: 8%;
		padding-right: 8%;
		background: linear-gradient(to right, #0b3e27, #197149);
	}
	#rlx-logo {
		display: inline-block;
		position: relative;
	}
	#rlx-logo img {
		display: block;
		width: 120px;
		min-width: 120px;
		max-width: 120px;
		height: auto;
	}
	#rlx-headerinner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 110px;
	}

	#rlx-headerinner .headerbox:first-child {
		text-align: left;
		width: 170px;
		min-width: 170px;
	}
	#rlx-headerinner .headerbox:last-child {
		text-align: left;
	}
	#rlx-headerinner nav ul {
		display: block;
		grid-auto-flow: inherit;
		grid-gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#rlx-headerinner nav li {
		border: 0px solid #fff;
		white-space: nowrap;
	}
	#rlx-headerinner nav li a {
		display: block; /* Links als Blockelemente */
		text-decoration: none; /* Standard-Unterstreichung entfernen */
		color: #ffffff; /* Textfarbe weiß */
		font-size: 22px;
		font-weight: 500;
		padding-top: 22px;
		padding-bottom: 22px;
		white-space: nowrap;
	}
	#rlx-headerinner nav li a:hover {
		color: #61BD93;
	}
	#rlx-navirespons {
		display: inline-block;
		position: absolute;
		top: 40px;
		right: 4%;
		width: 100px;
		padding-left: 0px;
		padding-right: 0px;
		z-index: 1000;
		white-space: nowrap;
	}
	#rlx-navirespons img {
		display: inline-block;
		width: 12px;
		height: auto;
		margin-left: 10px;
	}
	#rlx-navirespons img.dropupbutton {
		transform: rotate(180deg);
	}
	.rlxnaveins, .rlxnavzwei {
		position: relative;
		margin: 0;
		text-align: right;
		line-height: 100%;
		color: #fff;
		border: 0px solid red;
		transform: translate(0);
		transition: transform .4s ease-out, opacity .3s, left 0s;
	}
	p.rlxnavaus, p.rlxnavein {
		margin: 0 !important;
	}
	p.rlxnavaus a, p.rlxnavein a {
		display: block;
		padding: 10px;
		margin: 0;
		text-decoration: none;
		color: #fff;
		font-weight: 600;
		font-size: 1.0em;
		white-space: nowrap;
	}
	.rlxaktiv-eins p.rlxnavein {
		display: none;
	}
	p.rlxnavaus {
		display: none;
	}
	.rlxaktiv-eins p.rlxnavaus {
		display: block;
		white-space: nowrap;
	}
	p.rlxnavaus a, p.rlxnavein a {
		position: relative;
		display: block;
		width: 100%;
		min-width: inherit;
		max-width: inherit;
	}
	.js #rlx-navitop nav {
		display: none;
		position: absolute;
		top: 100px;
		left: 0;
		z-index: 2500;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 8%;
		padding-right: 5%;
		border: 0px solid red;
		font-size: 0.9em;
		text-align: left;
		background: linear-gradient(to right, #0b3e27, #197149);
		transition: transform .4s ease-out, opacity .3s, left 0s;
	}
	.rlxaktiv-eins #rlx-navitop nav {
		display: block;
		transition: transform 0.3s ease 0s, opacity 1s ease 0s;
	}  
}

@media (max-width: 767px) {
	.rlxinhalte {
		padding-top: 7vh;
	}
	.rlxkarussell .rlxsliderblock .rlxslidertxt {
		position: absolute;
		left: 8%;
		bottom: 75px;
		z-index: 110;
		align-self: center;
		width: 82%;
		border: 0px solid red;
	}
	.rlxinhalte.headerslider {
		padding-bottom: 7vh;
	}
	.teaserheader {
		grid-column-start: 1;
		grid-column-end: span 12;
	}
	.teasertxt {
		grid-column-start: 1;
		grid-column-end: span 12;
	}
	.teaserheader h2 {
		margin-bottom: 20px;
	}
	.rlx1spalter .txt_komp {
		max-width: 100%;
	}
	.txt_komp {
		padding-right: 0px;
	}
	.rlx2spalter .rlxspalten {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
	}
	.rlx2spalter .rlxspalten .komponente:nth-last-child(-n+2) {
		margin-bottom: 35px;
	}
	.rlx3spalter .rlxspalten {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}
	.rlx3spalter .mobil1spaltig .rlxspalten {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0px;
	}
	.rlx3spalter .rlxspalten .komponente {
		padding-bottom: 50px;
	}
	.rlx3spalter .rlxspalten .komponente:last-child {
		padding-bottom: 0px;
	}
	.modul_s, .rlxbanner_s {
		grid-column: 1 / span 12;
	}
	.modul_m, .rlxbanner_m {
		grid-column: 1 / span 12;
	}
	.rlxinhalte.hgweiss > .rlxbanner_xl {
		margin-top: -90px;
	}
	.uhrenliste {
		display: block;
		margin: 0 auto;
		width: 86%;
		border: 0px solid red;
	}
	.familyselection .rlx3spalter {
		padding-bottom: 7vh;
	}
	.uhrenliste.rlx3spalter .rlxspalten {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	.uhrenliste.rlx3spalter .rlxspalten .uhrenitem {
		background-color: #F4EFEA;
		height: auto;
		display: grid;
		grid-template-rows: 70% 25%;
		padding-top: 5%;
		overflow: hidden;
		border: 0px solid red;
	}
	.uhrenliste.rlx3spalter .rlxspalten .uhrenitem .uhreninfo {
	display: block;
	padding: 0 20px 20px;
	border: 0px solid red;
}
	.rlxinhalte.hgbeige2.mp2 {
		padding-top: 0;
		padding-bottom: 7vh;
	}
	.mp3 .rlxcol12 + .mp3 .rlxbanner_l {
		margin-bottom: 7vh;
	}
	.rlxbanner_l.modellp {
		margin-top: 7vh;
		margin-bottom: 7vh;
	}
	.rlxbanner_s.modellp {
		margin-top: 7vh;
		margin-bottom: 3vh;
	}
	.mp5 {
		margin: 0 auto;
		width: 100%;
		padding-top: 7vh;
	}
	.mp5 .text_small {
		margin: 0 auto;
		width: 90%;
		padding-top: 7vh;
	}
	.mp6 {
		margin: 0 auto;
		width: 100%;
		padding-bottom: 7vh;
	}
	.mp6 .text_small {
		margin: 0 auto;
		width: 90%;
		padding-top: 7vh;
	}
	.rlxinhalte.mp1 {
		padding-top: 0;
		padding-bottom: 7vh;
	}
	.mpupright {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		min-height: auto;
	}
	.mpupright .watchdata {
		display: block;
		position: relative;
		width: 88%;
		padding-left: 8%;
		z-index: 20;
		top: inherit;
		transform: none;
	}
	.mpupright .watchimagesoldier {
		display: block;
		margin: 0 auto;
		position: relative;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: inherit;
	}
	.rlxinhalte .mpupright .watchimagesoldier img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.rlxinhalte .mpupright p {
		font-size: 16px;
		font-size: clamp(1.125rem, 1.0625rem + .1563vw, 1.25rem);
	}
	.mpspecs {
		display: flex;
		flex-direction: column;
		padding-left: 6%;
	}
	img.specspic {
		margin: 0 auto;
		width: 98%;
		border: 0px solid red;
	}
	.specscol-1 p {
		width: 100%;
	}
	.specscol-1:first-child {
		flex: 100%;
		order: 1;
		padding-top: 4vh;
	}
	.specscol-1:last-child {
		flex: 100%;
		order: 0;
	}
	.specscolinner {
		gap: 20px;
	}
	.verfuegbarkeitbox {
		display: block;
		width: 84%;
		margin: 0 auto;
	}
	.rlxplatzhalter {
		display: block;
		height: 7vh;
		min-height: 7vh;
		max-height: 7vh;
		background-color: #F9F7F4;
	}
	.rlxinhalte.hgbeige2, .hgbeige2 {
		background-color: #F4EFEA;
		padding-bottom: 7vh;
	}
	.rlxcol12:nth-child(2), .rlxcol12:nth-child(3) {
		margin-top: 7vh;
	}
	.abstandtop {
		padding-top: 7vh;
	}
	.rlxweiterlesen {
		padding-bottom: 7vh;
	}
	.rlxinhalte p.rlxkomptxt2 {
		margin-top: 10px;
	}
	#mapadressdata {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		height: auto;
		max-height: inherit;
		border: 0px solid red;
	}
	#mapadressdata .rlxbox {
		border: 0px solid red;
	}
	#mapadressdata .rlxbox:nth-child(1) {
		width: 100%;
		height: auto;
		border: 0px solid red;
	}
	#mapadressdata .rlxbox:nth-child(2) {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 100%;
		background-color: #fff;
	}
	#mapadressdata .rlxbox .kontaktdaten {
		display: block;
		width: 94%;
		text-align: left;
		border: 0px solid red;
	}
	#rlxmap > a > .rlximage {
		display: block;
		position: relative;
		width: 100%;
		height: 385px;
		max-height: 385px;
		background-size: cover;
		background-position: center;
	}
	.oeffnungszeiten .zeitangaben {
		width: 280px;
	}
	.formflex {
		display: block;
		gap: 0px; /* Abstand zwischen den Elementen */
	}
	.formflex .input-wrapper:nth-child(1) {
		display: block;
		width: 100%;
	}
	.formflex .input-wrapper:nth-child(2) {
		display: block;
		width: 100%;
	}
	.formflex .input-wrapper:nth-child(3) {
		display: block;
		width: 100%;
	}
	#rlxformular #formback.rlxlink2 a {
		text-decoration: none;
		border-bottom: 0px solid #444444;
	}
	.headerslider .slick-dots {
		position: absolute;
		bottom: 10px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	/* Breadcrumb-Navigation -------------- */

	#breadcrumbs {
		display: block;
		font-size: 14px;
		line-height: 1.1;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 12px;
	}

	ul#crumbs {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	ul#crumbs li {
		display: none;
		color: #fff;
	}
	ul#crumbs li:nth-last-child(2) {
		display: inline-block;
		color: #fff;
	}
	ul#crumbs li::before {
		content: url('/rolex/assets/arrow-white-button.svg');
		display: inline-block;
		margin-left: 0px; 
		margin-right: 8px;
		width: 10px; 
		height: 10px;
		transform: scaleX(-1);
	}
	ul#crumbs li::after {
		content: none;
	}
	ul#crumbs li a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
	}
	ul#crumbs li:first-child a::after {
		content: ' bei Juwelier H. Schmidt';
	}

	ul#crumbs li a.aktiv {
		color: #61BD93;
	}
	/* Modelpage ---------- */

	.watchimagesoldier.desktopversion {
		display: none;
	}
	.rlxinhalte.mp1 {
		padding-bottom: 30px;
	}
	.watchimagesoldier.exploring_slider.mobilversion {
		display: block;
		width: 100%;
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 30px;
		padding-bottom: 0px;
		margin-bottom: 80px;
	}
	.rlxinhalte.keyfacts {
		padding-top: 0;
		padding-bottom: 10vh;
	}
	.keyfactsitem:nth-child(1) { /* Selektiert das erste keyfactsitem */
		order: 2; /* Verschiebt es an die zweite Position */
	}
	.keyfactsitem:nth-child(2) { /* Selektiert das zweite keyfactsitem */
		order: 1; /* Verschiebt es an die erste Position */
	}
	.keyfactsitem { /* Für alle Items auf mobilen Geräten */
		flex: 1 1 100%; /* Jedes Item nimmt die volle Breite ein */
	}
	.keyfactsitem:nth-child(2) {
		padding-left: 0%;
		margin-top: 0;
		margin-bottom: 5vh;
	}
	.rlxinhalte.hgbeige1.mp2.specs {
		background-color: #F4EFEA;
	}
	.rlxinhalte .specsbox {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.specsinfo ul {
		width: 100%;
		column-gap: 10%;
		columns: 2;
	}
	/* Modelpage CTA Anfang ---- */
	.rlxinhalte .rlxctaflex.kontaktwege {
		display: flex;
		flex-wrap: nowrap;  /* Verhindert Umbruch */
		justify-content: center;  /* Zentriert die Elemente horizontal */
		align-items: center;  /* Zentriert die Elemente vertikal */
		gap: 30px;
		margin-top: 30px;
		margin-bottom: 35px;
		width: 100%;  /* Volle Breite für bessere Zentrierung */
	}

	.rlxinhalte .rlxctaflex.kontaktwege p {
		flex: 0 1 auto;  /* Flexible Breite basierend auf Inhalt */
		box-sizing: border-box;
		margin-bottom: 0;
		white-space: nowrap;  /* Verhindert Zeilenumbruch innerhalb der p-Elemente */
	}
	.rlxinhalte .rlxctaflex.kontaktwege p .linktxt {
		display: none;
	}
	.rlxinhalte .modellverfuegbarkeit {
		display: block;
		width: 105%;
		border-top: 1px solid #ddd;
		padding-top: 15px;
	}
	/* Modellpage CTA Ende ---- */
}