/* Template Jay - Pink Orchid */

*																					{ margin: 0; padding: 0; box-sizing: border-box!important; outline: none; }

::selection																{ background: #e0cf96; color: #1E1E1E; /* WebKit/Blink Browsers */ }
::-moz-selection													{ background: #e0cf96; color: #1E1E1E; /* Gecko Browsers */ }

html																			{ background: #1E1E1E; color: #dddddd; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; word-spacing: 2px; }
body																			{ position: relative; }

h1																				{ color: #eeeeee; font-family: 'MKorsair'; font-size: 7rem; font-weight: 400; line-height: 1.2; margin-bottom: 2rem; text-shadow: 0 0 10px #000000; }
h2																				{ column-span: all; font-family: 'MKorsair'; font-size: 3.5rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 3rem; text-align: center; }
h2:after																	{ column-span: all; border-top: 2px solid; content:""; display: block; margin: 0 auto; max-width: 20rem; width: 25%; }
h3																				{ column-span: all; font-family: 'Roboto Condensed', sans-serif; font-size: 1.75rem; font-weight: 400; margin: 1rem 0 2rem; text-transform: uppercase; }
h4																				{ break-after: avoid; break-after: avoid-column; color: #B2AAAB; font-size: 1.25rem; margin: 0 0 1rem; text-transform: uppercase; }
h5																				{ color: #ffffff; font-size: 1.125rem; font-weight: 700; margin: 0 0 1rem;  }
h6																				{  }

a																					{ cursor: pointer; text-decoration: none; }
img																				{ display: block; max-width: 100%; }
p																					{ break-inside: avoid; font-size: 1.125rem; margin: 0 0 1.5rem; }
b, strong																	{ font-weight: 700; }

header																		{ background-position: top center; background-attachment: fixed; background-size: cover; height: 100vh; position: relative; text-align: center; }
header .language													{ bottom: 1rem; position: fixed; right: 1rem; z-index: 101; }
header .language img											{ border: 1px solid #ffffff; width: 3rem; }
header .enter															{ bottom: 10vh; left: 0; position: absolute; right: 0;  text-align: center; }
header .enter a														{ color: #aaaaaa; letter-spacing: 1px; margin-bottom: 1rem; text-shadow: 0 0 10px #000000; text-transform: uppercase; }

main ul																		{ column-span: all; columns: 3; column-gap: 2rem; font-size: 1.125rem; list-style: none; margin: 1rem 0 1.5rem; text-align: left; }
main ul li																{ break-inside: avoid; margin: 0 0 0 1.5rem; }
main ul li:before													{ content: "■"; color: #aaaaaa; display: inline-block; margin: 0 0.5rem 0 -1.5rem; width: 1rem; }

footer																		{ background: #111111; }
footer a																	{ display: inline-block; color: #dddddd; margin: 0 0 0.75rem; padding: 0.125rem; }
footer a:hover														{ color: #ffffff; }

form a																		{ color: #aaaaaa; }
form input[type='submit']									{ background: #464545; color: #ffffff; }
form input[type='submit']:disabled				{ background: #B2AAAB; color: #777777;  }

.content																	{ margin: 0 auto; max-width: 720px; width: 96%; }
.flex																			{ display: flex; flex-wrap: wrap; }
.flexalign																{ display: flex; flex-wrap: wrap; align-content: center; }
.flexstart																{ display: flex; flex-wrap: wrap; align-content: flex-start; }
.flexspace																{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexaround																{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.flexcenter																{ display: flex; flex-wrap: wrap; justify-content: center; }
.flexend																	{ display: flex; flex-wrap: wrap; justify-content: flex-end; }

.full																			{ width: 100%; }
.fourfifth																{ width: 80%; }
.threequarter															{ width: 75%; }
.twothird																	{ width: 66.666%; }
.half, .fullhalf													{ width: 50%; }
.third																		{ width: 33.333%; }
.quarter																	{ width: 25%; }
.fifth																		{ width: 20%; }
.sixth																		{ width: 16.666%; }
.seventh																	{ width: 14.285%; }

.captchapic																{ background: #B2AAAB; display: block; }
.center																		{ text-align: center!important; }
.center img																{ margin: 0 auto; }
.column																		{ columns: 1; column-gap: 2rem; margin: 0 0 2rem; padding: auto; text-align: justify; }
.contact																	{ margin: 0 auto; width: 80%; }
.container input:checked ~ .checkmark			{ background-color: #917547; }

.gap																			{ margin-top: 5rem; }

.icon																			{ display: block; filter: invert(95%) sepia(5%) saturate(31%) hue-rotate(2deg) brightness(92%) contrast(96%); width: 2.25rem; }
.icon:hover																{ filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%); }

.section																	{ background-color: #1E1E1E; background-position: top center; background-attachment: fixed; background-size: cover; padding: 5rem 0; position: relative; z-index: 0; }
.section:after														{ background-color: #1E1E1E; bottom: 0; height: 100%; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; }
.small																		{ font-size: 0.875rem; }
.space																		{ padding: 1.25rem; }
.sticky																		{ position: fixed!important; top: 0; transition: 1s all ease; width: 100%; z-index: 100; }

.text																			{ background: rgba(30,30,30,0.8); color: #dddddd; padding: 1rem; }

.menu																			{ background: #131212; }
.mainnav																	{ background: #464545; background-size: cover; }
.subnav li:hover													{ background: #131212; }

.teaser																		{ background: url('/data/site/silver-noise.jpg'); padding: 2rem 0; text-align: center; }
.teaser p																	{ font-size: 2.5rem; margin: 0; }
.teaser a																	{ color: #DDDDDD; padding: 0.25rem; margin: 0 1rem; }

.news																			{ margin: 0 auto; padding: 1rem; width: 75%; }
.news .entry															{ background: rgba(115,22,48,0.8); }
.news p																		{ font-size: 1rem; }
.slick-dots li button::before							{ color: #917547; font-size: 1rem; }

.dates																		{ background: rgba(30,30,30,0.8); color: #aaaaaa; font-family: 'Roboto Condensed', sans-serif; font-size: 1.25rem; text-align: center; }
.dates span																{ display: inline-block; height: 2.5rem; padding: 0.25rem; vertical-align: middle; }
.dates span:nth-child(odd)								{ text-align: center; text-transform: uppercase; width: 40%; }
.dates .arrow															{ display: block; margin: 0 auto; padding: 0; width: 20%; }
.dates .arrow:before											{ background: #917547; content: " "; display: block; height: 1.25rem; margin: 0 auto; transform: skewX(30deg); width: 1rem; }
.dates .arrow:after												{ background: #917547; content: " "; display: block; height: 1.25rem; margin: 0 auto; transform: skewX(-30deg); width: 1rem; }
.location																	{ background: #464545; color: #1E1E1E; cursor: default; padding: 0.5rem; text-align: center; }
.location a																{ color: #aaaaaa; font-size: 0.875rem; }
.location a:hover													{ color: #dddddd; }

.thumb																		{ display: block; overflow: hidden; position: relative; }
.thumb .details														{ background: rgba(30,30,30,0.8); bottom: -7rem; color: #dddddd; padding: 0.5rem; position: absolute; text-align: center; transition: 0.5s all ease; width: 100%; }
.thumb .details p													{ margin: 0 ; }
.thumb:hover .details											{ bottom: 0 ; transition: 0.5s all ease; }
.thumb:hover .first img										{ transform: scale(1.5) rotate(5deg); transition: 0.5s all ease; }
.first img																{ display: block; transition: 0.5s all ease; width: 100%; }

.link p																		{ font-size: 1rem; text-align: center; }
.link img																	{ margin: 0 auto 1rem; }
.link a																		{ color: #dddddd; }
.link:hover a															{ color: #ffffff; }

.imprint p																{ font-size: 1rem; margin: 0 0 0.75rem; }
.imprint a																{ color: #aaaaaa; }
.imprint a.back														{ display: block; margin: 2rem auto; text-align: center; text-transform: uppercase; }
.imprint a.back:hover											{ color: #ffffff; }
.imprint ul																{ column-span: all; columns: 1 !important; column-gap: 2rem; font-size: 1.125rem; list-style: none; margin: 0 0 1.5rem; text-align: left; }
.imprint ul li														{ break-inside: avoid; margin: 0 0 0 1.5rem; }
.imprint ul li:before											{ content: "■"; color: #aaaaaa; display: inline-block; margin: 0 0.5rem 0 -1.5rem; width: 1rem; }


@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 1024px) {

	
	.quarter											{ width: 50%; }
	.fifth												{ width: 25%; }

}

@media screen and (max-width: 980px) {

	.half													{ width: 100%; }
	.threequarter									{ width: 100%; }
	.twothird											{ width: 100%; }
	.threequarter .third,
	.third												{ width: 100%; }
	.quarter											{ width: 100%; }

	.space												{ padding: 1rem; }

	.intro .third									{ width: 33.333%; }
	.gallery .third								{ width: 50%; }
	.column												{ columns: 1 !important; }
	main ul												{ columns: 2; column-gap: 1.5rem; }
}

@media screen and (max-width: 520px) {

	
	.gallery .third								{ width: 100%; }
	.column												{ columns: 1 !important; }
	main ul												{ columns: 1; column-gap: 0; }
	.contact											{ width: 100%; }

}


@media screen and (hover: none) {
	
	header { background-attachment: scroll; }
	
	}