/* Prague Salon Theme - coded by Kristýna Kadlecová 2023, desidned with Kiki Hahner*/
/* Home page CSS*/
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
*, :after, :before {
	box-sizing: inherit;
}
body {
	display: initial;
	z-index: 0;
	margin: 0 auto 0 auto;
	background: rgba(255, 216, 167, 0.12);
	background-repeat: no-repeat;
	overflow-x: hidden;
	font-family: 'open_sansregular';
	-webkit-font-smoothing: antialiased;
}
.site {
	z-index: 1;
	width: 100%;
	height: 100%;
}
a:link {
	text-decoration: none;
	color: #C7B39A;
	font-size: 26px;
	font-family: 'open_sansregular';
	font-weight: 400;
}
a:visited {
	color: #777777;
}
.caption-container p {
	text-align: center;
	color: white !important;
}
.mySlides img{
    max-height: 800px;
    object-fit: cover;
}
@media only screen and (min-width:1201px) {
	#logo {
		position: relative;
		top: 0px;
		left: 0px;
		background: transparent;
		width: 100%;
		height: auto;
		max-height: 440px;
	}
	.bg-image-container {
		position: absolute;
		top: 0px;
		z-index: 1;
		margin: 0 0 !important;
		background-color: transparent;
		width: 100%;
	}
	.impressum {
		display: flex;
		position: relative;
		float: right;
		flex-direction: column;
		z-index: 0;
		margin: 24px!important;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px!important;
		padding-bottom: 168px!important;
		width: calc(100% - 96px)!important;
		line-height: 38px;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		gap: 8px;
		isolation: isolate;
	}
	.impr-gall {
		display: none!important;
	}
	.header {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
	}
	.home-foreword {
		padding-bottom: 16px;
	}
	.third-desc {
		position: relative;
		left: 96px !important;
		margin-top: 0px;
		margin-bottom: 0px;
		width: auto;
		max-width: 760px;
		text-align: justify;
		line-height: 38px;
		letter-spacing: -0.25px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 26px;
		font-weight: 300;
		font-style: normal;
	}
	
	/* The Modal (background) */
	.modal {
		display: none;
		position: fixed;
		top: 0%;
		left: 0;
		z-index: 2;
		background-color: #ffffffd4;
		padding-top: 40px;
		width: 100%;
		height: -webkit-fill-available;
		overflow: auto;
	}
	/* Modal Content */
	.modal-content {
		position: relative;
		margin: auto;
		background-color: #fff;
		padding: 0;
		top:8%;
		width: auto !important;
		max-width: 1200px;
	}
	/* The Close Button */
	.close {
		position: absolute;
		top:0%;
		float:right;
		right: 25px;
		color: #9F8C74;
		font-size: 52px;
		font-weight: bold;
	}
	.regdiv {
		display: flex;
		position: relative;
		left: 120px !important;
		flex-direction: column;
		flex-wrap: wrap;
		margin-bottom: 16px;
		width: 100%;
	}
	.gallery {
		display: inline-flex;
		position: relative;
		left: 24px;
		flex-wrap: wrap;
		width: 468px;
		height: 468px;
	}
	.site-inner {
		display: block;
		position: relative;
		top: 0px !important;
		z-index: 2;
		margin-top: 0px !important;
		margin-right: auto;
		margin-left: auto;
		background: #FFFFFF;
		padding-top: 0px !important;
		width: 1200px;
		height: 100% !important;
		overflow-x: hidden;
		text-align: left;
		mix-blend-mode: normal;
		-webkit-font-smoothing: antialiased;
	}
	footer {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		z-index: 1;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: 1200px;
		height: auto;
		gap: 8px;
	}
	footer p {
		padding: 24px;
		text-align: center;
		line-height: 46px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 24px;
		font-weight: 300;
		font-style: italic;
	}
}
@media only screen and (min-width:1920px) {
	.bg-image {
		display: block;
		position: relative;
		top: -100px !important;
		float: none;
		justify-content: center;
		z-index: 0;
		margin-right: auto;
		margin-left: auto;
		background-image: url(media/Salon_Logo_side_pattern_1200.svg);
		background-repeat: no-repeat;
		width: 800px!important;
		height: 1782px!important;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.impressum {
		display: flex;
		position: relative;
		float: right;
		flex-direction: column;
		z-index: 0;
		margin: 24px!important;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px!important;
		padding-bottom: 168px!important;
		width: calc(100% - 96px)!important;
		line-height: 38px;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		gap: 8px;
		isolation: isolate;
	}
	.gall-impr, .impr-gall {
		display: none!important;
	}
}
@media only screen and (min-width:1200px) and (max-width:1920px) {
	.gall-impr {
		display: none!important;
	}
	.impr-gall {
		display: none!important;
	}
	.impressum {
		display: flex;
		position: relative;
		float: right;
		flex-direction: column;
		z-index: 0;
		margin: 24px!important;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px!important;
		padding-bottom: 168px!important;
		width: calc(100% - 96px)!important;
		line-height: 38px;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		gap: 8px;
		isolation: isolate;
	}
}
@media only screen and (min-width:981px) and (max-width:1200px) {
		#home-first-heading {
		position: relative;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px!important;
		width: auto;
		text-align: center !important;
		line-height: 96px;
		letter-spacing: 1.25px;
		color: #9F8C74;
		font-family: 'open_sanslight';
		font-size: 50px;
		font-weight: 300;
		font-style: normal;
	}
	/* The Modal (background) */
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: #ffffffd4;
		padding-top: 80px;
		width: 100%;
		height: -webkit-fill-available;
		overflow: auto;
	}
	/* Modal Content */
	.modal-content {
		position: relative;
		margin: auto;
		background-color: #fff;
		padding: 0;
		top: auto;
		width: auto !important;
		max-width: 1200px;
	}
	/* The Close Button */
	.close {
		position: absolute;
		top: 1%;
		float: right;
		right: 25px;
		color: #9F8C74;
		font-size: 38px;
		font-weight: bold;
	}
	.site-inner {
		display: block;
		position: relative;
		top: 0px !important;
		z-index: 2;
		margin-top: 0 24px 0 24px !important;
		margin-right: auto;
		margin-left: auto;
		background: #FFFFFF;
		padding-top: 0px !important;
		width: 100%;
		height: 100% !important;
		overflow-x: hidden;
		text-align: left;
		mix-blend-mode: normal;
		-webkit-font-smoothing: antialiased;
	}
	footer {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		z-index: 1;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: calc(100% - 48px);
		height: auto;
		gap: 8px;
	}
	footer p {
		padding: 24px;
		text-align: center;
		line-height: 46px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 24px;
		font-weight: 300;
		font-style: italic;
	}
	a:link {
		color: #C7B39A;
		font-size: 24px!important;
		font-family: 'open_sansregular';
		font-weight: 400;
	}
	.gallery {
		display: inline-flex;
		position: relative;
		float: right;
		flex-wrap: wrap;
		margin: 24px 0 24px 0;
		width: 500px;
		height: 490px;
	}
	.gall-about,.impr-only {
		display: none!important;
	}
	.gall-impr {
		display: inline-flex!important;
	}
	.impressum {
		display: inline-flex!important;
		position: relative;
		float: left;
		flex-direction: column;
		z-index: 0;
		margin: 24px 0 24px 24px;
		background: #FFFFFF;
		margin: 24px!important;
		padding: 0 24px 24px 0!important;
		padding-bottom: 96px;
		width: calc(100% - 550px)!important;
		line-height: 38px;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
		gap: 8px;
		isolation: isolate;
	}
	.impressum h5 {
		color: #675C4D;
		font-size: 24px !important;
		font-family: 'open_sanssemibold';
		font-weight: 500 !important;
	}
	.impr-gall {
		display: flex;
		margin: 24px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		padding: 24px;
		width: calc(100% - 96px);
		height: auto;
	}
	.shadiv,.shadiv1 {
		padding-bottom: 96px!important;
	}
}
/* gallery*/
.column {
	float: left;
	background-color: #ffffffd4;
	width: calc(100% / 3 - 6px) !important;
}
.gallery>.column {
	padding: 3px 3px;
}
.gallery:after {
	display: table;
	clear: both;
	content: "";
}
	/* The Close Button advanced*/
.close:hover,
.close:focus {
	cursor: pointer;
	text-decoration: none;
	color: #9F8C74;
}
.mySlides {
	display: none;
}
.cursor {
	cursor: pointer;
}
/* Next & previous buttons */
.prev,
.next {
	position: absolute;
	top: calc(100% - 55%);
	transition: 0.6s ease;
	margin-top: 0px;
	border-radius: 0 25px 25px 0;
	background-color: #9f8c748c;
	cursor: pointer;
	padding: 16px;
	width: auto;
	color: white;
	font-size: 52px;
	font-weight: bold;
	user-select: none;
	-webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 25px 0 0 25px;
}
.prev:hover,
.next:hover {
	background-color: #9f8c748c;
}
/* Number text (1/3 etc) */
.numbertext {
	position: absolute;
	top: 0;
	padding: 8px 12px;
	color: #f2f2f2;
	font-size: 12px;
}
img {
	margin-bottom: -4px;
}
.caption-container {
	background-color: #9F8C74;
	padding: 8px 16px;
	text-align: center;
	color: white;
}
.demo {
	opacity: 1;
}
img.demo.cursor {
	aspect-ratio: 1/1;
	object-fit: cover;
}
.active,
.demo:hover {
	opacity: 1;
}
img.hover-shadow {
	transition: 0.3s;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (min-width:981px) {
	a:link {
		color: #C7B39A;
		font-size: 26px;
		font-family: 'open_sansregular';
		font-weight: 400;
	}
	a:visited {
		color: #777777;
	}
	.first-sec {
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%) !important;
		margin-top: 0px;
		margin-bottom: 32px;
	}
	#home-first-heading {
		position: relative;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 24px;
		width: auto;
		text-align: center !important;
		line-height: 96px;
		letter-spacing: 1.25px;
		color: #9F8C74;
		font-family: 'open_sanslight';
		font-size: 50px;
		font-weight: 300;
		font-style: normal;
	}
	.home-desc {
		display: flex;
		position: relative;
		left: 120px;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0px 0px 24px 24px;
		width: 880px;
		height: auto;
		gap: 8px;
	}
	.home-first {
		display: flex;
		position: relative;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
	.modal-content .column {
		padding: 3px!important;
	}
	p {
		position: relative;
		left: 0px;
		text-align: justify;
		line-height: 38px;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
	}
	.regdiv {
		display: flex;
		position: relative;
		flex-direction: column;
		flex-wrap: wrap;
		margin-bottom: 32px;
		width: 100%;
		max-width: 600px;
	}
	#first-desc {
		display: block;
		position: relative;
		top: 0px;
		left: 24px;
		flex-grow: 0;
		order: 1;
		margin: 24px 0 0 0;
		width: 657px;
		text-align: justify;
		line-height: 46px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 32px;
		font-weight: 300;
		font-style: italic;
	}
	.sec-heading {
		display: block;
		position: relative;
		left: 96px;
		margin-top: 24px;
		margin-bottom: 0px;
		width: 675px;
		text-align: left;
		text-transform: uppercase;
		line-height: 42px;
		letter-spacing: -0.5px;
		color: #BFAE98;
		font-family: 'open_sanssemibold';
		font-size: 32px;
		font-weight: 500;
		font-style: normal;
	}
	.third-desc {
		position: relative;
		left: 96px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: auto;
		max-width: 760px;
		text-align: justify;
		line-height: 38px;
		letter-spacing: -0.25px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 26px;
		font-weight: 300;
		font-style: normal;
	}
	h4 {
		display: flex;
		position: relative;
		top: 0px;
		left: 0px;
		align-items: center;
		padding-top: 32px;
		padding-bottom: 16px;
		height: 32px;
		text-align: justify;
		line-height: 36px;
		letter-spacing: 1.85px;
		color: #9F8C74;
		font-family: 'open_sansbold';
		font-size: 32px;
		font-weight: 600;
		font-style: normal;
		mix-blend-mode: normal;
	}
	.shadiv {
		display: block;
		position: relative;
		float: left;
		margin: 24px 24px 20px 24px;
		box-shadow: 0px 2px 15px rgba(199, 179, 154, 0.19);
		background: #FFFFFF;
		padding: 24px;
		padding-bottom: 168px;
		width: 670px;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv p {
		position: relative;
		left: 0px;
		width: auto;
		text-align: justify;
		line-height: 38px;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
	}
	.shadiv1 {
		display: block;
		position: relative;
		right: 24px;
		float: right;
		margin-bottom: 24px;
		box-shadow: 0px 2px 15px rgba(199, 179, 154, 0.19);
		background: #FFFFFF;
		padding: 24px;
		padding-bottom: 168px;
		width: 612px;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv1 p {
		position: relative;
		left: 0px;
		text-align: justify;
		line-height: 38px;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 24px;
		font-weight: 300;
		font-style: normal;
	}
	.impressum h5 {
		margin-top: 24px;
		color: #675C4D;
		font-size: 24px;
		font-family: 'open_sanssemibold';
		font-weight: 500;
	}
}
/* under 1200px, above 981px */
@media only screen and (min-width:768px) and (max-width:980px) {
	a:link {
		color: #C7B39A;
		font-size: 22px;
		font-family: 'open_sansregular';
		font-weight: 400;
	}
	a:visited {
		color: #777777;
	}
	.column {
		padding: 3px 3px;
		width: calc(100% / 3 - 6px) !important;
		max-width: 100%;
	}
	#logo {
		position: relative;
		top: 0px;
		left: 0px;
		background: transparent;
		width: auto;
		height: auto;
		max-height: 80px !important;
	}
	.gall-impr, .impr-gall {
		display: none!important;
	}
	.header {
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%) !important;
		display: inline-flex;
		top: 0px !important;
		float: left !important;
		width: auto;
		height: 80px !important;
	}
	.home-foreword {
		display: block;
		top: 0px !important;
		float: center !important;
		width: auto;
		height: 80px !important;
	}
	.first-sec {
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%) !important;
		margin-top: 0px;
	}
	.home-desc {
		padding-top: 16px;
		padding-bottom: 24px;
	}
	#home-first-heading {
		position: relative;
		margin: 0px !important;
		padding-top: 0px !important;
		width: 100% !important;
		height: 80px !important;
		text-align: center !important;
		line-height: 80px !important;
		letter-spacing: 1.25px;
		color: #9F8C74;
		font-family: 'open_sanslight';
		font-size: 3vw !important;
		font-weight: 300;
		font-style: normal;
	}
	.modal-content .column {
		padding: 3px!important;
	}
	/* The Modal (background) */
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		background-color: #ffffffd4;
		padding-top: 80px;
		width: 100%;
		height: -webkit-fill-available;
		overflow: auto;
	}
	/* Modal Content */
	.modal-content {
		position: relative;
		margin: auto;
		background-color: #fff;
		padding: 0;
		top: auto;
		width: auto !important;
		max-width: 1200px;
	}
	/* The Close Button */
	.close {
		position: absolute;
		top:1%;
		float:right;
		right: 25px;
		color: #9F8C74;
		font-size: 38px;
		font-weight: bold;
	}
	.prev, .next{
		font-size:38px!important;
		top: calc(100% - 60%);
	}
	.sec-heading {
		display: block;
		position: relative;
		left: 40px !important;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100% !important;
		text-align: left;
		text-transform: uppercase;
		line-height: 32px;
		letter-spacing: -0.5px;
		color: #BFAE98;
		font-family: 'open_sanssemibold';
		font-size: 24px !important;
		font-weight: 500;
		font-style: normal;
	}
	.third-desc {
		position: relative;
		left: 40px !important;
		margin-top: 0px;
		margin-bottom: 0px;
		width: calc(100% - 24px) !important;
		max-width: calc(100% - 24px) !important;
		text-align: justify;
		line-height: 32px !important;
		letter-spacing: -0.25px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 20px !important;
		font-weight: 300;
		font-style: normal;
	}
	.regdiv {
		display: flex;
		position: relative;
		left: 50px !important;
		flex-direction: column;
		flex-wrap: wrap;
		margin-bottom: 32px;
		width: 100%;
		max-width: 600px;
	}
	#first-desc {
		display: block;
		position: relative;
		top: 0px;
		left: 24px;
		flex-grow: 0;
		order: 1;
		margin: 24px 0 0 0;
		width: 100% !important;
		text-align: justify;
		line-height: 36px !important;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 24px !important;
		font-weight: 300;
		font-style: italic;
	}
	.shadiv {
		display: block;
		position: relative;
		float: leftimportant;
		margin: 16px 16px 16px 16px !important;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px 24px 0 24px;
		padding-bottom: 96px !important;
		width: calc(100% - 216px) !important;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv p {
		position: relative;
		padding: 30 0px 0 0;
		width: calc(100% - 0px) !important;
		text-align: justify;
		line-height: 32px !important;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 20px !important;
		font-weight: 300;
		font-style: normal;
	}
	.gallery {
		margin: 16px;
	}
	.shadiv1 {
		display: block;
		position: relative;
		right: 0px !important;
		float: right !important;
		margin: 0 16px 16px 16px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px 0 24px 24px;
		padding-bottom: 96px !important;
		width: calc(100% - 216px) !important;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv1 p {
		position: relative;
		width: calc(100% - 24px) !important;
		text-align: justify;
		line-height: 32px !important;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 20px !important;
		font-weight: 300;
		font-style: normal;
	}
	h4 {
		display: flex;
		position: relative;
		top: 0px;
		left: 0px;
		align-items: center;
		padding-top: 24px;
		padding-bottom: 24px;
		height: 32px;
		text-align: justify;
		line-height: 32px !important;
		letter-spacing: 1.85px;
		color: #9F8C74;
		font-family: 'open_sansbold';
		font-size: 24px !important;
		font-weight: 600;
		font-style: normal;
		mix-blend-mode: normal;
	}
	.site-inner {
		display: block;
		position: relative;
		top: 0px !important;
		z-index: 2;
		margin: 0 24px 0 24px !important;
		background: #FFFFFF;
		padding-top: 0px !important;
		width: calc(100% - 48px) !important;
		height: 100% !important;
		overflow-x: hidden;
		text-align: left;
		mix-blend-mode: normal;
		-webkit-font-smoothing: antialiased;
	}
	.impressum {
		display: flex;
		position: relative;
		float: none !important;
		flex-direction: column;
		z-index: 0;
		margin: 24px 16px 24px 16px !important;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px;
		padding-bottom: 96px !important;
		width: calc(100% - 80px) !important;
		line-height: 32px;
		font-family: 'open_sanslight';
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
		gap: 8px;
		isolation: isolate;
	}
	.impressum h5 {
		color: #675C4D;
		font-size: 22px !important;
		font-family: 'open_sanssemibold';
		font-weight: 500 !important;
	}
	footer {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		z-index: 1;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: calc(100% - 48px) !important;
		height: auto;
		gap: 8px;
	}
	footer p {
		padding: 24px;
		text-align: center;
		line-height: 48px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 22px;
		font-weight: 300;
		font-style: italic;
	}
}
@media only screen and (max-width:768px) {
	.site-inner {
		display: block;
		position: relative;
		top: 0px !important;
		z-index: 2;
		margin: 0 8px 0 8px !important;
		background: #FFFFFF;
		padding-top: 0px !important;
		width: calc(100% - 16px) !important;
		height: 100% !important;
		overflow-x: hidden;
		text-align: left;
		mix-blend-mode: normal;
		-webkit-font-smoothing: antialiased;
	}
	a:link {
		color: #C7B39A;
		font-size: 5.5vw;
		font-family: 'open_sansregular';
		font-weight: 400;
	}
	a:visited {
		color: #777777;
	}
	.first-sec {
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%) !important;
	}
	.gall-impr, .impr-gall {
		display: none!important;
	}
	.home-desc {
		padding-bottom: 24px;
		width: calc(100% - 32px) !important;
	}
	#home-first-heading {
		position: relative;
		margin-top: 8px;
		margin-bottom: 24px;
		padding-top: 8px;
		padding-bottom: 16px;
		width: auto;
		text-align: center !important;
		line-height: 32px;
		letter-spacing: 1.25px;
		color: #9F8C74;
		font-family: 'open_sansregular';
		font-size: 4.2vw;
		font-weight: 400;
		font-style: normal;
	}
	.sec-heading {
		display: block;
		position: relative;
		left: 0px !important;
		margin: 0 16px 0 16px;
		width: 100% !important;
		text-align: center;
		text-transform: uppercase;
		line-height: 36px;
		letter-spacing: 0px;
		color: #BFAE98;
		font-family: 'open_sanssemibold';
		font-weight: 500;
		font-style: normal;
	}
	.third-desc {
		position: relative;
		left: 0px !important;
		margin: 0 24px 0 24px;
		width: calc(100% - 16px)!important;
		text-align: justify;
		line-height: 28px !important;
		letter-spacing: -0.25px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 18px !important;
		font-weight: 300;
		font-style: normal;
	}
	.prev, .next {
		position: absolute;
		top: calc(100% - 55%);
		transition: 0.6s ease;
		margin-top: 0px;
		background-color: #9f8c748c;
		cursor: pointer;
		padding: 16px;
		width: auto;
		color: white;
		font-size: 28px!important;
		font-weight: bold;
		-webkit-user-select: none;
		user-select: none;
	}
	.regdiv {
		display: flex;
		position: relative;
		left: 0px !important;
		flex-direction: column;
		flex-wrap: wrap;
		margin-bottom: 24px !important;
		width: 100%;
		max-width: 100%;
	}
	#first-desc {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		flex-grow: 0;
		order: 1;
		margin: 0px 16px 0 16px;
		width: 100% !important;
		text-align: center;
		line-height: 32px !important;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 20px !important;
		font-weight: 300;
		font-style: italic;
	}
	h4 {
		display: flex;
		position: relative;
		top: 0px;
		left: 0px;
		align-items: center;
		padding-top: 24px;
		padding-bottom: 10px !important;
		height: auto;
		text-align: justify;
		line-height: 36px;
		letter-spacing: 1.85px;
		color: #9F8C74;
		font-family: 'open_sansbold';
		font-size: 24px;
		font-weight: 600;
		font-style: normal;
		mix-blend-mode: normal;
	}
	.shadiv p, .shadiv1 p {
		position: relative;
		left: 0px;
		width: auto;
		text-align: justify;
		line-height: 28px;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 18px;
		font-weight: 300;
		font-style: normal;
	}
	.gallery {
		display: flex;
		position: relative;
		left: 0px;
		flex-direction: row;
		flex-wrap: wrap;
		margin-right: 0px !important;
		margin-bottom: 24px;
		width: 100%;
		height: auto;
	}
	.modal {
		display:none;
		position: fixed;
		top: 0%;
		left: 0;
		flex-direction: column;
		z-index: 3;
		background-color: #ffffffd4;
		padding-top: 0px!important;
		width: 100%;
		height: -webkit-fill-available;
		overflow: auto;
	}
	.close {
		position: relative;
		top: 0%;
		right: 20px;
		float: right;
		z-index: 3;
		color: #9F8C74;
		font-size: 34px;
		font-weight: bold;
	}
	.modal-content {
		position: relative;
		top: 0%!important;
		margin: auto;
		background-color: #fff;
		margin-top:40px!important;
		padding: 0;
		width: auto !important;
		max-width: 100%;
		max-height: none;
	}
	.impressum {
		display: flex;
		position: relative;
		right: 0px;
		left: 0px;
		float: none!important;
		flex-direction: column;
		z-index: 2;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px);
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
	.impressum h5 {
		line-height: 32px;
		color: #675C4D;
		font-family: 'open_sanssemibold';
		font-size: 20px;
		font-weight: 500;
	}
	p {
		position: relative;
		left: 0px !important;
		text-align: justify;
		line-height: 26px;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 18px;
		font-weight: 300;
		font-style: normal;
	}
	footer {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		z-index: 1;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: calc(100% - 16px) !important;
		height: auto;
		gap: 8px;
	}
	footer p {
		padding: 24px;
		text-align: center;
		line-height: 48px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 22px;
		font-weight: 300;
		font-style: italic;
	}
}
@media only screen and (min-width:0px) and (max-width:480px) {
	.column {
		float: left !important;
		flex: 31%;
		padding: 3px 3px;
		width: calc(100% / 3 - 2px) !important;
	}
	#first-desc {
		font-family: 'open_sanslight_italic';
		font-size: 22px !important;
	}
	.modal-content .column {
		padding: 1px!important;
	}
	.prev, .next {
		cursor: pointer;
		font-size: 24px !important;
	}
	.sec-heading {
		font-size: 5.4vw!important;
	}
	.shadiv {
		display: block;
		position: relative;
		right: auto;
		left: 0px;
		float: none;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px) !important;
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv1 {
		display: flex;
		position: relative;
		right: auto;
		float: none;
		flex-direction: column;
		z-index: 2;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px) !important;
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
}
@media only screen and (min-width:480px) and (max-width:768px) {
	.column {
		float: left !important;
		flex: 31%;
		padding: 3px 3px;
		width: calc(100% / 3 - 4px) !important;
	}
	#logo {
		position: relative;
		top: 0px;
		left: 0px;
		background: transparent;
		width: 100% !important;
		height: fit-content;
		max-height: none !important;
	}
	.header {
		display: flex !important;
		top: 0px !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	#home-first-heading {
		position: relative;
		margin: 0px !important;
		padding-top: 0px !important;
		width: 100% !important;
		height: 6vh !important;
		text-align: center !important;
		line-height: 80px!important;
		letter-spacing: 1.25px;
		color: #9F8C74;
		font-family: 'open_sansregular';
		font-size: 4.4vw !important;
		font-weight: 400;
		font-style: normal;
	}
	.home-foreword {
		display: block;
		top: 0px !important;
		float: center!important;
		width: auto;
		height: 80px;
	}
	.modal-content .column {
		padding: 2px!important;
	}
	.sec-heading {
		margin: 0 24px 0 24px !important;
		width: calc(100% - 16px) !important;
		font-size: 4vw!important;
	}
	.third-desc {
		margin: 0 24px 0 24px !important;
		width: calc(100% - 8px) !important;
		line-height: 30px!important;
		font-family: 'open_sanslight';
		font-size: 20px!important;
	}
	.impressum {
		display: flex;
		position: relative;
		right: 0px;
		left: 0px;
		float: none!important;
		flex-direction: column;
		z-index: 2;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px);
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
	.impressum h5 {
		color: #675C4D;
		font-family: 'open_sanssemibold';
		font-size: 20px;
		font-weight: 500;
	}
	p {
		position: relative;
		left: 0px !important;
		text-align: justify;
		line-height: 30px !important;
		letter-spacing: -0.5px;
		color: #212121;
		font-family: 'open_sanslight';
		font-size: 20px !important;
		font-weight: 300;
		font-style: normal;
	}
	a:link {
		color: #C7B39A;
		font-size: 20px !important;
		font-family: 'open_sansregular';
		font-weight: 400;
	}
	h4 {
		padding-top: 16px !important;
		padding-bottom: 8px !important;
		font-size: 22px !important;
	}
	.gallery {
		left: 3px !important;
		margin-bottom: 16px !important;
	}
	.prev, .next {
		cursor: pointer;
		font-size: 24px !important;
	}
	.shadiv p,.shadiv1 p {
		line-height: 30px!important;
		font-size: 20px!important;
	}
	footer {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		z-index: 1;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: calc(100% - 32px) !important;
		height: auto;
		gap: 8px;
	}
	footer p {
		padding: 24px;
		text-align: center;
		line-height: 48px;
		letter-spacing: -0.25px;
		color: #675C4D;
		font-family: 'open_sanslight_italic';
		font-size: 22px;
		font-weight: 300;
		font-style: italic;
	}
}
@media only screen and (min-width: 480px) and (max-width:680px) {
	#first-desc {
		margin: 24px 24px 0 24px !important;
		width: calc(100% - 16px) !important;
		line-height: 36px!important;
		font-family: 'open_sanslight_italic';
		font-size: 22px!important;
	}
	.shadiv {
		display: block;
		position: relative;
		right: auto;
		left: 0px;
		float: none;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px) !important;
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv1 {
		display: flex;
		position: relative;
		right: auto;
		float: none;
		flex-direction: column;
		z-index: 2;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 16px;
		padding-bottom: 64px;
		width: calc(100% - 48px) !important;
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
}
@media only screen and (min-width: 680px) and (max-width:768px) {
	.shadiv {
		display: block;
		position: relative;
		right: auto;
		left: 0px;
		float: none;
		margin: 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px;
		padding-bottom: 64px;
		width: calc(100% - 216px) !important;
		height: auto !important;
		gap: 8px;
		isolation: isolate;
	}
	.shadiv1 {
		display: block;
		position: relative;
		right: 0px !important;
		float: right !important;
		margin: 0 8px 16px 8px;
		box-shadow: 0px 2px 15px rgb(199 179 154 / 19%);
		background: #FFFFFF;
		padding: 24px;
		padding-bottom: 64px !important;
		width: calc(100% - 216px) !important;
		gap: 8px;
		isolation: isolate;
	}
	#first-desc {
		margin: 24px 48px 0 48px !important;
		width: calc(100% - 56px) !important;
		line-height: 38px!important;
		font-family: 'open_sanslight_italic';
		font-size: 26px!important;
	}
}
@media only screen and (min-width:981px) and (max-width:1600px) {
	.bg-image {
		display: none;
	}
}
@media only screen and (min-width:1600px) and (max-width:1920px) {
	.bg-image {
		display: block;
		position: relative;
		top: -50px !important;
		float: none;
		justify-content: center;
		z-index: 0;
		margin-right: auto;
		margin-left: auto;
		background-image: url(media/Salon_Logo_side_pattern_1200.svg);
		background-repeat: no-repeat;
		width: 800px!important;
		height: 1682px!important;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

/* 404 */
.nf-blurb{
	padding: 200px 48px 200px 48px;
	text-align: -webkit-center;
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nf-full{
	min-height:1000px;
	background: white;
}