@font-face {
	font-family: 'Korolev-Light';
	src: url('/static/watchlooks/fonts/korolev-light.woff2') format('woff2'), url('/static/watchlooks/fonts/korolev-light.woff') format('woff');
}

@font-face {
	font-family: 'Korolev-Medium';
	src: url('/static/watchlooks/fonts/korolev-medium.woff2') format('woff2'), url('/static/watchlooks/fonts/korolev-medium.woff') format('woff');
}

@font-face {
	font-family: 'Dubai-Regular';
	src: url('/static/watchlooks/fonts/DubaiW23-Regular.eot');
	src: url('/static/watchlooks/fonts/DubaiW23-Regular.eot?#iefix') format('embedded-opentype'), url('/static/watchlooks/fonts/DubaiW23-Regular.woff2') format('woff2'), url('/static/watchlooks/fonts/DubaiW23-Regular.woff') format('woff'), url('/static/watchlooks/fonts/DubaiW23-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Dubai-Light';
	src: url('/static/watchlooks/fonts/DubaiW23-Light.eot');
	src: url('/static/watchlooks/fonts/DubaiW23-Light.eot?#iefix') format('embedded-opentype'), url('/static/watchlooks/fonts/DubaiW23-Light.woff2') format('woff2'), url('/static/watchlooks/fonts/DubaiW23-Light.woff') format('woff'), url('/static/watchlooks/fonts/DubaiW23-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Dubai-Medium';
	src: url('/static/watchlooks/fonts/DubaiW23-Medium.eot');
	src: url('/static/watchlooks/fonts/DubaiW23-Medium.eot?#iefix') format('embedded-opentype'), url('/static/watchlooks/fonts/DubaiW23-Medium.woff2') format('woff2'), url('/static/watchlooks/fonts/DubaiW23-Medium.woff') format('woff'), url('/static/watchlooks/fonts/DubaiW23-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Dubai-Bold';
	src: url('/static/watchlooks/fonts/DubaiW23-Bold.eot');
	src: url('/static/watchlooks/fonts/DubaiW23-Bold.eot?#iefix') format('embedded-opentype'), url('/static/watchlooks/fonts/DubaiW23-Bold.woff2') format('woff2'), url('/static/watchlooks/fonts/DubaiW23-Bold.woff') format('woff'), url('/static/watchlooks/fonts/DubaiW23-Bold.ttf') format('truetype');
}

html {
	font-family: 'Dubai-Regular';
	font-size: 20px;
	scroll-behavior: smooth;
}

html,
body {
	height: 100%;
}

body {
	font-family: 'Dubai-Regular';
}

/*Back to Start Button START*/
.bts_btn {
  position: fixed;
  top: 78%;
  right: 6%;
  text-align: center;
  flex-wrap: wrap;
  width: 60px;
  z-index: 10000;
}
.backToStart_svg {
	border-radius: 50px;
/*	width: 36px;
  height: auto;
  filter: grayscale(1) brightness(0); */
  transition: .3s;
}
.bts_btn span {
	font-family: 'Montserrat-Medium';
  font-size: 12px;
  letter-spacing: 1px;
  transition: .3s;
  color: #D88D8D;
}
.bts_btn:hover {
	cursor: pointer;
}
.bts_btn:hover .backToStart_svg {
	transform: scale(1.05);
  box-shadow: 0 5px 10px rgba(216, 141, 141, 0.25);
	/*filter: grayscale(0) brightness(1);*/
  transition: .3s;
}
.bts_btn:hover span {
	color: #155C8F;
  transition: .3s;
}
html {
	scroll-behavior: smooth;
}
/*** Back to Start Button END***/

p.title, h1.title {
	font-size: 1.5rem;
	margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
	margin-top: 0;
	display: block;
	text-align: center!important;
}


input::placeholder {
  font-family: 'Dubai-Regular';
}

select {
	font-family: 'Dubai-Regular';	
}

textarea {
	resize: none;
}

textarea:focus,
input:focus,
a:focus {
	outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.kl {
	font-family: 'Korolev-Light';
}

.km {
	font-family: 'Korolev-Medium';
}

.dl {
	font-family: 'Dubai-Light';
}

.dm {
	font-family: 'Dubai-Medium';
}

.dr {
	font-family: 'Dubai-Regular';
}

.db {
	font-family: 'Dubai-Bold';
}

.uebersicht hr {
	border: 1px solid #A9A9A9;
}

.uebersicht span {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*PayPal*/

/*PayPal ende*/

/* Bestelluebersicht */
.loginBestellungBtn {
	width: 360px;
  height: 56px;
  border-radius: 3px;
  border-width: 0px;
  color: white;
  background-color: #155C8F;
  font-family: 'Dubai-Regular;
  font-size: 1rem;
  margin: 15px;
}

.checkoutContainer {
	display: none;
}

#alertErstmieter {
	background-color: rgba(21,92,143,0.5);
  width: 100%;
  min-height: 100px;
  display: flex;
  align-items: center;
  border: 3px solid rgb(21,92,143);
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}

#iconAlert {
	color: rgb(21,92,143);
  margin: 12px 23px 12px 35px;
  font-size: 1.5rem;
}

#alertErstmieter > p {
	color: white;
  margin-bottom: 0;
}

.bestellungErstmieter {
	width: 360px;
  height: 56px;
  border-radius: 3px;
  border-width: 0px;
  color: white;
  background-color: #155C8F;
  font-family: 'Dubai-Regular';
  font-size: 1rem;
  margin-top: 55px;
}

.akzeptiereAGB {
	margin-top: 30px;
  font-size: 0.75rem;
  text-align: center;
}
/* Bestelluebersicht ende */

/*Warenkorb*/

.bg-black {
	background-color: #000000;
}

.white {
	color: #FFFFFF;
}

.close-arrow {
	position: absolute;
	color: white;
	top: 11%;
	transform: translate(-50%, -50%);
	left: 20%;
	font-size: 50px;
	opacity: 1;
}

.close:hover {
	color: black;
}

.delete {
	background-color: transparent;
	border-color: transparent;
}


/*Warenkorb ende*/


/* header */

.header {
	padding: 0;
	background-color: transparent;
	color: black;
}

.header-shadow {
	box-shadow: 0px 2px 2px #00000029;
}

.menu {
	font-size: 0.8rem;
	color: white;
}

.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.navbar-item {
	font-size: 1rem;
}

.navbar-brand.navLink {
	font-size: 1rem;
}

.navbar-toggler {
	position: absolute;
	top: 150%;
	left: 14%;
	transform: translate(-50%, -50%);
}

.hamburger-dropdown {
	position: absolute; 
  background: rgba(0, 0, 0, 0.7); 
  padding: 15px 10px; 
  top: 125px;
  left: 22px;
	transform: translateY(-10px);
  opacity: 0;
  width: 90vw;
  border-radius: 5px;
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
  pointer-events: none;
}

.dropdownMobile.active > .hamburger-dropdown {
	opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}

@media only screen and (max-width: 776px) {
	.warenkorbLogo, .userLogo {
  	position: absolute; top: 112%; right: 55%
	}
  .userLogo {
  	position: absolute; top: 100%; right: 9%
	}
}

.login-text {
	padding-left: 9px;
}

.modal {
	color: black;
}

.modal-icon {
	padding-bottom: 9px;
}

.modal-links {
	color: #155C8F;
}

.modal-button {
	max-width: 396px;
	height: 55px;
}

.bg-blue {
	background-color: #155C8F;
}

.anmelden {
	color: white;
	border: 1px solid #000000;
	border-radius: 2px;
}

.anmelden:hover {
	color: white;
}

.modal-border {
	border: 4px solid #000000;
	border-radius: 3px;
}

.member-text {
	padding-left: 3px;
	font-size: 1rem;
	font-family: 'Dubai-Regular';
	cursor: pointer;
}

.dropdown-item.username {
	background-color: #155C8B;
	color: white;
}
/*
.dropdown-menu {
	left: -3.5rem!important;
}
*/
@media only screen and (max-width: 576px) {
.navbar-nav .dropdown-menu {
    position: absolute;
    /*float: none;
    left: -3.5rem!important;*/
  }
.navbar-nav {
		font-size: 1rem;
	}  
}

.navbar-nav {
	min-height: 2.5rem;
}

.warenkorb-anzahl {
	background: red;
  color: white;
  border-radius: 80px;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 1px;
  width: 15px;
  height: 15px;
  font-size: 10px;
  left: 10px;
  bottom: 10px;
  font-weight: bold;
}
/* header end */

/* Registrations success Modal */

.modal-confirm {		
	color: #434e65;
	width: 525px;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #155C8F;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 64px;
	margin: -4px 0 0 -4px;
}
.modal-confirm.modal-dialog {
	margin-top: 80px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #155C8F !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	opacity: 0.8;
	outline: none;
}
.modal-confirm .btn span {
	margin: 1px 3px 0;
	float: left;
}
.modal-confirm .btn i {
	margin-left: 1px;
	font-size: 20px;
	float: right;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
#Anrede > option {
	//font-family: 'Dubai-Regular';
  font-family: sans-serif
}

/* Registrations success Modal ende */

/*Shopseite*/

.header.shop {
	background-image: url('/static/watchlooks/Shop/Bilder/Bild_Kollektion.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: white;
	padding: 0;
	height: 379px;
}
.PictureLowDetail {
	background-image: url('/static/watchlooks/Shop/Bilder/BildLinkAblauf.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	color: white;
	height: 336px;
}
.Kollektion {	
	height: 96px;	
	//background: #FBFBFB 0% 0% no-repeat padding-box;	
	//box-shadow: 0px 2px 2px #00000029;	
	font-family: 'Dubai-Medium';	
	font-size: 50px;	
	color: #155C8F;
}	
.Kollektion span {	
	position: absolute;	
	top: 50%;	
	transform: translate(-50%, -50%);	
}	
.kategorien {
	width: 100%;
  display: flex;
  justify-content: center;
  font-family: Korolev-Medium;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 8px;
  margin-left: auto;
  margin-right: auto;
}
.kategorien button {
	background: none;
  border: none;
  text-transform: uppercase
}
.kategorien span {
  position: relative;
  bottom: -8px;
  width: 100%;
  height: 0.3rem;
}
.kategorien button ~ div {
  position: relative;
  bottom: -8px;
  width: 100%;
  height: 0.3rem;
}
.kategorien button:hover ~ span {
	display: flex;
  background: #155C8F;
}
.kategorien button:focus ~ span {
	display: flex;
  background: #155C8F;
}
.kategorien button ~ div {
	display: flex;
  background: #155C8F;
}
.kategorien > div {
	display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 30px;
}
.ablaufIcon {
	width: 72px;
}
.Uhrenbild {	
	width: 316px;	
	height: 317px;	
	cursor: pointer;	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.Uhrenname {	
	width: 221px;	
  margin: auto;	
}	
.Uhren > .row > .row {
	width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container.Uhren {	
	padding-top: 50px;	
	padding-bottom: 50px;	
}	
.col.Uhren {	
	padding-bottom: 50px;	
}	
.status-block {	
	background-color: #41769e;	
	position: relative;	
	font-size: 0.85rem;	
	text-align: center;	
	left: 50%;	
	top: 94%;	
	width: 221px;	
	height: 34px;	
	border-radius: 5px;	
	opacity: 0.5;	
	transform: translate(-50%, -50%);	
}	
.status-text {	
	font-size: 0.85rem;	
	position: absolute;	
	top: 50%;	
	left: 50%;	
	transform: translate(-50%, -50%);	
	color: white;	
	opacity: 1;	
}	
.Beschriftung {	
	font-size: 0.85rem;	
	padding-top: 20px;	
}	
.Mietpreis {	
	font-family: 'Dubai-Medium';	
}	
.kurzanleitung {	
	font-size: 2rem;	
	padding-top: 50px;	
	padding-bottom: 50px;	
}	
.anleitung {	
	padding-left: 12px;	
	padding-bottom: 174px;	
}	
.kurzanleitung-box {	
	width: 376px;	
	height: 200px;	
}	
.kurzanleitung-box.auswaehlen {	
	background-image: url('/static/watchlooks/Shop/Icons/Auswaehlen.svg');	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.kurzanleitung-box.tragen {	
	background-image: url('/static/watchlooks/Shop/Icons/Tragen.svg');	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.kurzanleitung-box.rueckgabe {	
	background-image: url('/static/watchlooks/Shop/Icons/Rueckgabe.svg');	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.anleitung-titel {	
	font-size: 1.25rem;	
	position: relative;	
	top: 50%;	
	transform: translate(-50%, -50%);	
}	
.anleitung-titel.auswaehlen {	
	padding-left: 278px;	
	padding-top: 36px;	
}	
.anleitung-titel.tragen {	
	padding-right: 44px;	
}	
.anleitung-titel.rueckgabe {	
	padding-right: 39px;	
}


#ytplayer {
  width: 100%;
  aspect-ratio: 16/9;
}


/*Shopseite ende*/

/*Detailseite*/

.activeUhrenbild {	
	max-width: 100%;	
	max-height: 100%;	
	object-fit: contain;	
}	
.UhrenDetailBild {	
	width: 100px;	
	height: 100px;	
	object-fit: contain;	
}	
.toggleKaufoption {
	border: 1px solid black;
  border-radius: 3px;
  width: fit-content;
}
.buttonKaufoption {
	background: none;
  padding: 10px 50px;
  border: none;
  //border: 1px solid black;
  //border-radius: 3px;
}
#kaufenFormular {
	min-height: 324.75px;
}
.uhrKaufenText {
	font-family: 'Korolev-Light';
  font-size: 1rem;
  color: black;
}
.kaufenButton {
	background: #155C8F;
  border: none;
  border-radius: 3px;
  color: white;
  width: 360px;
  height: 56px;
  font-family: 'Dubai-Regular';
  font-size: 1rem;
}
/*.buttonList{	
        		padding-top: 12px;	
        }*/	
.UhrenbildButtons {	
	padding: 0;	
	background: transparent;	
	border: none;	
}	
.uhrennameTop {	
	color: #171B1C;	
	font-family: 'Dubai-Regular';	
	font-size: 1.45rem;	
}	
.navigation {	
	color: #A9A9A9;	
	font-family: 'Dubai-Light';	
	font-size: 1rem;	
}	
.PreisAnzeige {	
	font-family: 'Dubai-Regular';	
	font-size: 1.25rem;	
	color: #171B1C;	
}	
.UhrenText {	
	font-size: 1rem;	
	font-family: 'Korolev-Light';	
	color: #000000;	
}	
.verfuegbarkeit {	
	font-family: 'Korolev-Medium';	
	font-size: 1.25rem;	
}	
.verfuegbarkeit-text {	
	font-family: 'Korolev-Light';	
	font-size: 1rem;	
	color: #158F15;	
}	
.mietdauer-row {	
	font-family: 'Korolev-Medium';	
	font-size: 1.25rem;	
}	
.zeitraum-text {	
	font-family: 'Korolev-Light';	
	font-size: 1rem;	
	color: #A9A9A9;	
}	
.mietpreis {	
	font-family: 'Korolev-Light';	
	font-size: 1rem;	
	margin-bottom: 20px;	
}
.buttonAddtoBasket {	
	width: 360px;	
	height: 56px;	
	border-radius: 3px;	
	border-color: #155C8F;	
	border-width: 0px;	
	color: white;	
	background-color: #155C8F;	
	font-family: 'Dubai-Regular';	
	font-size: 1rem;	
}	
.spezifikationen-box {	
	height: 72px;	
	width: 100%;	
	background-image: url('/static/watchlooks/Detail/Icons/Spezifikationen_Kombiniert.svg');	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.spezifikationen {	
	font-family: 'Dubai-Regular';	
	font-size: 1rem;	
	color: #155C8F;	
	padding-left: 84px;	
	padding-top: 22px;	
	position: absolute;	
}	
.spezifikationen-titel {	
	font-family: 'Dubai-Regular';	
	font-size: 1rem;	
	color: black;	
	width: 560px;	
}	
.spezifikationen-titel span {	
	font-family: 'Dubai-Light';	
	font-size: 1rem;	
	color: black;	
}	
.spezifikationen-bild {	
	max-width: 536px;	
	height: 490px;	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.spezifikationen-titel hr {	
	width: 100%;	
	margin-left: 0;	
	margin-top: 0;	
	margin-bottom: 0;	
}	
.story-box {	
	height: 72px;	
	width: 100%;	
	background-image: url('/static/watchlooks/Detail/Icons/Story_Icon.svg');	
	background-size: contain;	
	background-repeat: no-repeat;	
	background-position: center center;	
}	
.story {	
	font-family: 'Dubai-Regular';	
	font-size: 1rem;	
	color: #155C8F;	
	padding-left: 955px;	
	padding-top: 22px;	
	position: absolute;	
}	
.spotlight-button {	
	border: none;	
	background-color: transparent;	
}	
.spotlight-bild {	
	object-fit: contain;	
}	
span.spotlight {	
	font-size: 2rem;	
	font-family: 'Dubai-Regular';	
	padding-top: 137px;	
	color: #155C8F;	
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 2.5rem;
}
.pwv {
		text-align:center;
}
.spotlight-text {	
	height: 48px;	
	width: 254px;	
	margin: auto;	
}	
.spotlight-row {	
	padding-bottom: 137px;	
}

/* kalender neu start */

.ui-widget{
	font-family: 'Dubai-Regular';
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{
	border: 1px solid #c5c5c5;
  background: #f6f6f6;;
  color: #454545;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .15;
    background-image: none;
}

.ui-widget-header {
    background: white;
    color: black;
    font-family: 'Dubai-Bold';
    border: 1px solid black;
}

.ui-widget-header .ui-icon {
    background-image: none;    
}

.ui-datepicker .ui-datepicker-next{
	background-image: url('/static/watchlooks/kalender/svg/NextIconRight.svg');
    background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
    top: auto;
    right: 4px;
    width: 1.4rem;
}

.ui-datepicker .ui-datepicker-next:hover{
		background-color: white;
    border-color: white;
    background-image: url('/static/watchlooks/kalender/svg/NextIconRightBlue.svg');
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev{
	background-image: url('/static/watchlooks/kalender/svg/BackIconLeft.svg');
    background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
    top: auto;
    left: 4px;
    width: 1.4rem;
}

.ui-datepicker .ui-datepicker-prev:hover{
		background-color: white;
    border-color: white;
    background-image: url('/static/watchlooks/kalender/svg/BackIconLeftBlue.svg');
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    border: 1px solid black;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	border: 1px solid black;
  background: #155c8f;
  color: white;
}

.ui-datepicker td {
    border-color: black !important;
}

/* kalender neu ende */

/*kalender modul css start*/

.kalender-modul {
	display: none;
}

input:focus {
	outline: none !important;
}

.calender-Icon {
	background-image: url('/static/watchlooks/kalender/svg/CalenderClosedIcon.svg');
	background-size: center;
	background-repeat: no-repeat;
	background-position: center center;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.daterangepicker {
	font-family: 'Dubai-Regular';
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background-color: #fff;
	border-color: transparent;
	color: white;
}

.off ends {
	color: white !important;
}

.next {
	right: 6px !important;
	top: 27px !important;
	background-image: url('/static/watchlooks/kalender/svg/NextIconRight.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.next:hover {
	background-image: url('/static/watchlooks/kalender/svg/NextIconRightBlue.svg');
}

.prev {
	left: 6px !important;
	top: 27px !important;
	background-image: url('/static/watchlooks/kalender/svg/BackIconLeft.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.prev:hover {
	background-image: url('/static/watchlooks/kalender/svg/BackIconLeftBlue.svg');
}

td {
	border: 1px solid #d3d3d3 !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	border: 0px;
}


/* Next & previous buttons */

.prev,
.next {}

.daterangepicker .right {
	left: 11.6rem;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	border: none;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
	text-decoration: none;
}

.kalenderInput {
	border: 1px solid black;
	font-size: 1rem;
}

.Border-icon {
	position: relative;
	float: center;
	top: -40px;
}

.kalenderInput {
	height: 55px;
}

.kalender-row {
	padding-left: 15px;
	padding-right: 15px;
}

.buttonMonat {
	border: 1px solid #000000;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
	height: 55px;
}

.buttonMonat span {
	font-family: 'Dubai-Light';
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kalender {
	font-family: dubai regular;
	font-size: 1rem;
	border-radius: 5px;
	border: 1px solid grey;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #155c8f;
}

.daterangepicker td.in-range {
	background-color: #89adc7;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
	color: #d3d3d3 !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	font-size: 0.6rem;
}

th.month {
	font-size: 0.8rem !important;
}

.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio-toolbar label {
	display: inline-block;
	background-color: white;
	padding: 10px 20px;
	border: 1px solid grey;
}

.radio-toolbar label:hover {
	background-color: #d3d3d3;
}

.radio-toolbar input[type="radio"]:focus+label {
	border: 1px dashed grey;
}

.radio-toolbar input[type="radio"]:checked+label {
	background-color: #155c8f;
	color: white;
	border-color: black;
}
	
.icon-content-text {	
	font-size: 0.9rem;	
}	
.ueberschrift {	
	font-size: 3.3rem;	
	font-family: 'Dubai-Bold';	
}	
.ueberschrift-spacer {	
	padding-bottom: 114px;	
}	
.Border-icon {	
	position: relative;	
	float: center;	
	top: -50px;	
}	
.vl {	
	border: none;	
	border-right: 1px solid hsla(200, 10%, 50%, 100);	
	height: 100%;	
	width: 1px;	
}	
.willkommen {	
	font-size: 1.25rem;	
	font-family: 'Dubai-Medium';	
	padding-bottom: 20px;	
}	
.willkommen_text {	
	font-size: 1rem;	
	font-family: 'Dubai-Light';	
	padding-bottom: 20px;	
}	
.spotlight {	
	font-size: 2rem;	
	font-family: 'Dubai-Regular';	
	padding: 20px;	
}	
.uhrenTitel {	
	font-size: 1rem;	
	font-family: 'Korolev-Light';	
}
/*Detailseite ende*/

.container-fluid.full-page {
	padding: 0;
	height: 100%;
}

.container-fluid.header {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: white;
	padding: 0;
	height: 379px;
}

.container-fluid.slider {
	background-image: url('/static/watchlooks/slider/WatchTest02.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	padding: 0;
	height: 100%;
}

.title-h3 {
	color: #171B1C;
	font-family: 'Dubai-Regular';
	font-size: 1.45rem;
}

h1.slider-firmenname {
	font-size: 2rem;
	/* 3.25rem / 65px*/
	font-family: 'Dubai-Bold';
}

.slider-content {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-text {
	font-family: 'Korolev-Medium';
}

.flex-content {
	max-width: 440px;
}

.container.page-content {
	padding-bottom: 50px;
}

.sigil-content {
	padding-top: 90px;
	padding-bottom: 70px;
}

button.button-slider {
	color: white;
	background-color: transparent;
	border-radius: 4px;
	border-width: 2px;
	border-style: solid;
	font-family: 'Dubai-regular';
	border-color: white;
  padding: 8px 11px;
}

.navbar-nav {
	flex-direction: row;
}

button:focus {
	outline: 0;
}

a:link {
	text-decoration: none;
}


/* hover und active kriegen noch nicht die richtige farbe */

a:hover {
	color: #155c8f;
}

a:active {
	color: #155c8f;
}

.navLink {
	color: black;
}

.navLinkDropdown {
	color: white;
}

.logo-bw,
.login-logo-white,
.member-logo-white,
.warenkorb-logo-white {
	display: none;
}

.slider .logo-bw,
.member-slider .logo-bw,
.ablauf-slider .logo-bw,
.shop .logo-bw,
.slider .login-logo-white,
.member-slider .login-logo-white,
.ablauf-slider .login-logo-white,
.shop .login-logo-white,
.slider .member-logo-white,
.member-slider .member-logo-white,
.ablauf-slider .member-logo-white,
.shop .member-logo-white,
.slider .warenkorb-logo-white,
.member-slider .warenkorb-logo-white,
.ablauf-slider .warenkorb-logo-white,
.shop .warenkorb-logo-white {
	display: inline;
}

.slider .logo-color,
.member-slider .logo-color,
.ablauf-slider .logo-color,
.shop .logo-color,
.slider .login-logo,
.member-slider .login-logo,
.ablauf-slider .login-logo,
.shop .login-logo,
.slider .member-logo,
.member-slider .member-logo,
.ablauf-slider .member-logo,
.shop .member-logo,
.slider .warenkorb-logo,
.member-slider .warenkorb-logo,
.ablauf-slider .warenkorb-logo,
.shop .warenkorb-logo {
	display: none;
}

.slider .navLink,
.member-slider .navLink,
.ablauf-slider .navLink,
.shop .navLink,
.slider .member-text,
.member-slider .member-text,
.ablauf-slider .member-text,
.shop .member-text {
	color: white;
}

li {
	list-style-type: none;
}

.navbar-toggler-icon {
	background-image: url("/static/watchlooks/header/DropdownIcon_Black.svg");
}

.slider .navbar-toggler-icon, .member-slider .navbar-toggler-icon, .ablauf-slider .navbar-toggler-icon, .shop .navbar-toggler-icon{
	background-image: url("/static/watchlooks/header/DropdownIcon_White.svg");
}

.navbar-header {
	padding-right: 30px;
}

.icon-text {
	font-size: 1.25rem;
}

.icon-content-text {
	font-size: 0.8rem;
	font-family: 'Korolev-Light';
}

.ueberschrift {
	font-size: 2.8rem;
	font-family: 'Dubai-Bold';
}

.ueberschrift-spacer {
	padding-bottom: 114px;
}

.Border-icon {
	position: relative;
	float: center;
	top: -56px;
}

.vl {
	border: none;
	border-right: 1px solid hsla(200, 10%, 50%, 100);
	height: 100%;
	width: 1px;
}

.willkommen {
	font-size: 1.25rem;
	font-family: 'Korolev-Medium';
	padding-bottom: 20px;
}

.willkommen_text {
	font-size: 1rem;
	font-family: 'Korolev-Light';
	padding-bottom: 20px;
}

.spotlight {
	font-size: 2rem;
	font-family: 'Dubai-Regular';
	padding: 20px;
}

.spotlight-text {
	height: 48px;
	width: 254px;
	margin: auto;
}

.uhrenTitel {
	font-size: 1rem;
	font-family: 'Korolev-Light';
}

.text_preis {
	font-size: 1rem;
	font-family: 'Korolev-Medium';
	margin-bottom: 50px;
}

.container-fluid.PictureLow {
	background-image: url('/static/watchlooks/StartPagePictureLow.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	color: white;
	height: 336px;
}

.PictureLow_Titel {
	font-size: clamp(28px, 9vw, 2.5rem);
	font-family: 'Dubai-Medium';
  
}

.PictureLow_Text {
	font-size: 1.25rem;
	font-family: 'Korolev-Medium';
}

.PictureLow_Button {
	font-size: 1rem;
	font-family: 'Dubai-Bold';
}

.PictureLow-content {
	margin: 0;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.PictureLow_Text {
	font-size: clamp(15px, 6vw, 1.25rem);
}

.PictureLow_Button {
	transform: scale(0.8);
}

.container.newsletter-content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.newsletter-box {
	width: 337px;
	height: 221.5px;
	background-image: url('/static/watchlooks/Buttons/NewsletterButton_unpressed.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0;
}

.newsletter-titel {
	font-size: 1.25rem;
	font-family: 'Dubai-Regular';
	padding-top: 89px;
}

.newsletter-text {
	font-size: 1rem;
	font-family: 'Korolev-Light';
	width: 294px;
	margin: auto;
}

.spotlight-button {
	border: none;
	background-color: transparent;
}

.spotlight-bild {
	object-fit: contain;
}


/*Mitgliedschaften*/

.container-fluid.member-slider {
	background-image: url('/static/watchlooks/Mitgliedschaften/Mitgliedschaft_HeaderBild.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	padding: 0;
	height: 379px;
}

.member-icon {
	top: -35px;
	left: -22px;
	position: absolute;
	background-color: white;
}

.member-titel {
	font-family: 'Dubai-Regular';
	font-size: 2rem;
}

.member-textbox {
	font-family: 'Korolev-Light';
	font-size: 1rem;
}

.box {
	border: 1px solid #000000;
	height: 370px;
	max-width: 544px;
}

.box p {
	position: relative;
	top: 32%;
	transform: translateY(-50%);
	line-height: 2;
}

.box button {
	background: #155C8F 0% 0% no-repeat padding-box;
	border: 1px solid #171B1C;
	border-radius: 3px;
	color: white;
	width: 165px;
	height: 48px;
}


/*Mitgliedschaften ende*/


/*Ablauf*/

#ablaufNavBar {
	width: 100%;
  display: flex;
  justify-content: center;
  margin: 65px auto 65px auto;
  font-family: Korolev-Medium;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 8px;
}

#ablaufNavBar button {
	background: none;
  border: none;
}
#ablaufNavBar span {
	position: relative;
  bottom: -8px;
  width: 100%;
  height: 0.3rem;
  display: none;
}
#ablaufNavBar button:hover ~ span {
	display: flex;
  background: #155C8F;
}
#ablaufNavBar button:hover ~ div {
	display: none !important;
}
#ablaufNavBar > div {
	display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 10px;
}
#ablaufNavBar button ~ div {
	position: relative;
  bottom: -8px;
	display: none;
  background: #155C8F;
  height: 0.3rem;
  width: 100%;
}
#steps > div {
	display: none;
  flex-flow: column;
  align-items: center;
}

#steps > div > span {
	font-weight: bold;
  margin-top: 40px;
}
.ablauf-slider {
	background-image: url('/static/watchlooks/Shop/Bilder/BildLinkAblauf.png');
}

.so-funktionierts {
	height: 96px;
	background: #FBFBFB 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 2px #00000029;
	font-family: 'Dubai-Medium';
	white-space: nowrap;
	font-size: 1.85rem;
	color: black;
}

h1.mainTitle {
	font-size: 37px;
  line-height: 55.5px;
  margin-top: 22px;
  font-size: clamp(28px, 9vw, 2.5rem);
}

.so-funktionierts span {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.step span {
	font-size: 1.5rem;
}

.step p {
	font-family: 'Korolev-Light';
	max-width: 198px;
}

@media (min-width: 768px) {
  .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 767.98px) {
  .arrow {
		display: none;
  }
  #ablaufNavBar {
  	flex-flow: column;
  }
  #ablaufNavBar > div {
  	margin: 0 10px 10px 10px;
  }
  #steps p {
    font-size: 18px;
  }
}

.steps {
	background: #FBFBFB 0% 0% no-repeat padding-box;
  margin-left: 0px;
  margin-right: 0px;
}

.steps p {
	font-family: 'Korolev-Light';
	font-size: 0.9rem;
}

.step img {
	cursor: pointer;
}

.PictureLowAblauf {
	background-image: url('/static/watchlooks/Ablauf/Bilder/AblaufBild_Dunkel.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	color: white;
	height: 373px;
}

.PictureLowRow {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PictureLowRow span {
	font-size: 2.25rem;
}

.PictureLowRow p {
	font-family: 'Korolev-Medium';
	font-size: 1.25rem;
}

.ablauf-icon {
	position: absolute;
	bottom: -151px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.nr_klein {
	position: absolute;
	top: -82px;
	left: 50%;
	transform: translate(-50%, -50%);
}

#steps > div {
	position: relative;
}

.left_arrow, .right_arrow {
	position: absolute;
	height: 27px;
	cursor: pointer;
	top: 200px;
  height: 40px;
	/*transform: translate(-50%, -50%);*/
}

.left_arrow {
	left: 0;
}

.right_arrow {
	right: 0;
}


/*Ablauf ende*/


/*Gutscheine*/

.gutscheine span {
	font-size: 2rem;
}

.gutscheine p {
	font-family: 'Korolev-Light';
	line-height: 2.5;
}


/*Gutscheine ende*/


/*MeinKonto*/

.konto-box {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 3px 3px 3px 3px;
}

.konto-box a {
	color: #000000;
	letter-spacing: 0px;
}

@media only screen and (max-width: 600px) {
  .konto-box {
    margin: 3rem!important;
  }
}

.bg-blue {
	background: #155C8F 0% 0% no-repeat;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.dubai-light {
	font-family: 'Dubai-Light';
	font-size: 1rem;
}

.dubai-regular {
	font-family: 'Dubai-Regular';
	font-size: 1rem;
}

.korolev-light-18 {
	font-family: 'Korolev-Light';
	font-size: 0.9rem;
	color: #171B1C;
}

.hr-light {
	border: 1px solid #D3D3D3;
}


/*letter-spacing: 0px*/

.ls-0 {
	letter-spacing: 0px;
}


/*letter-spacing: 0.4px*/

.ls-0-4 {
	letter-spacing: 0.02rem;
}

@media only screen and (min-width: 1200px) {
	.border-lr {
		border-left: 2px solid #A9A9A9;
		border-right: 2px solid #A9A9A9;
	}
}

.btn-wl {
	background: #155C8F 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 3px #00000029;
	border-radius: 3px;
}

@media only screen and (min-width: 1200px) {
	.wrapper-top {
		padding-top: 9rem;
	}
}

.btn-mb {
    background: #155C8F 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 4px;
}

.dubai-light-25{
    font-family: 'Dubai-Light';
    font-size: 1.25rem;
    color: #171B1C;
}


/*MeinKonto Ende*/

.icon-box {
	max-width: 50%;
	max-height: 100%;
	object-fit: contain;
}

.newsletterIcon {
	position: relative;
	left: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* AGB-Seite */

.agb-text span{
	font-family: 'Korolev-Medium';
  color: #155C8F;
  font-size: 1.25rem;
}

.agb-text p, .agb-text li{
	font-family: 'Korolev-Light';
}

/* AGB-Seite ende */


/*footer*/

.footer {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #155C8F;
	color: white;
	font-family: 'Dubai-Medium';
	font-size: 0.85rem;
}

.footer-links a {
	color: white;
}

.footer-links a:hover {
	text-decoration: underline;
}

.footer-links hr {
	border: 2px solid #336C95;
	height: 0px;
	margin-left: 0;
	margin-top: 0;
}

.footer-title {
	font-family: 'Dubai-Bold';
}

.footer-content {
	padding-top: 91px;
	padding-bottom: 20px;
}

.agb {
	padding-top: 41px;
}

.topButton {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: none;
	z-index: 99;
}


/*footer end*/