@charset "utf-8";

@import url('/assets/css/fonts.css');
@import url('/assets/css/nav.css');
@import url('/assets/css/slick.css');
@import url('/assets/css/slick-theme.css');
@import url('/assets/css/datepicker.css');
@import url('/assets/css/form.css');
@import url('/assets/css/lightcase.css');
@import url('/assets/css/coco.css');



/* ALLGEMEIN */

*									{ margin: 0; padding: 0; box-sizing: border-box!important; outline: none; }
html							{ background: url('/data/site/bg-biz.jpg') no-repeat fixed; background-size: cover; color: #ffffff; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 200; line-height: 1.5; position: relative; word-spacing: 2px; }

h1								{ font-family: 'Big Shoulders Inline Text', sans-serif; font-size: 3.5rem; font-weight: 300; line-height: 1.125; margin: 2rem; text-align: center; text-transform: uppercase; }
h1 span						{ display: block; font-family: 'Inter', sans-serif; font-size: 1.25rem; font-weight: 200;  }
h2								{ font-family: 'Inter', sans-serif; font-size: 2rem; font-weight: 200; margin: 1.5rem; text-align: center; text-transform: uppercase; }
h2:after					{ content: '◆ ◆ ◆'; display: block; font-size: 1rem; width: 100%; }
h3								{ color: #e8e8e8; font-family: 'Inter', sans-serif; font-size: 1.375rem; font-weight: 500; margin: 0 0 2rem; text-transform: uppercase; }
h4								{ font-family: 'Inter', sans-serif; font-size: 1.25rem; font-weight: 800; letter-spacing: 1px; margin: 0 0 1rem; }
h5								{ font-size: 0.875rem; font-weight: 800; letter-spacing: 1px; margin: 0 0 1.5rem; text-transform: uppercase; }

a									{ cursor: pointer; display: inline-block; font-size: 1.25rem; font-weight: 200; text-decoration: none; }
button						{ background: none; font-family: 'Inter', sans-serif; }
img								{ display: block; max-width: 100%; }
hr								{ border: none; margin: 2rem 0; width: 100%; }
p									{ break-inside: avoid; font-size: 1.25rem; margin: 0 0 1.5rem; }
section						{ background: #111111; padding: 2rem 0 3rem; width: 100%; }
strong						{ font-weight: 500; }
ol, ul						{ font-size: 1.25rem; list-style: none; margin: 0 0 1.5rem; }
video							{ max-width: 100%; width: 100%; }


/* GRUNDAUFBAU */

.content					{ margin: 0 auto; max-width: 1420px; width: 96%; }
.flex							{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; width: 100%; }
.flx-end					{ justify-content: end; }
.flx-center				{ justify-content: center; align-items: center; }
.flx-between			{ justify-content: space-between; }
.flx-a-between		{ align-content: space-between; }
.flx-evenly				{ justify-content: space-evenly; }

.full							{ width: 100%; }
.half							{ width: 50%; }
.threequarter			{ width: 75%; }
.twothird					{ width: 66.666%; }
.third						{ width: 33.333%; }
.quarter					{ width: 25%; }
.fifth						{ width: 20%; }
.sixth						{ width: 16.666%; }
.tenth						{ width: 10%; }

.space						{ padding: 1rem; }

.border						{ border: 0.0625rem solid; border-image: url('/data/site/silver.gif'); border-image-slice: 1; }
.centered					{ text-align: center; }
.columns					{ column-count: 2; column-gap: 2rem; }
.note							{ display: block; margin: 0 auto 2rem; padding: 1.5rem; text-align: center; text-transform: uppercase; width: 50%; }
.note a						{ color: #333333; font-size: 1rem; padding: 0.5rem; }
.silver						{ background: url('/data/site/silver.gif') center center no-repeat; background-size: cover; color: #111111!important; }
.silver h3				{ color: #333333; }
.silver	a					{ color: #111111!important; }
.silver a:hover		{  }
.silver .detail		{ color: #333333!important; }
.silver .detail 	{ border-bottom: none!important;  }
.small						{ font-size: 0.875rem; font-style: italic; letter-spacing: 1px; }

.green						{ background-color: #3ee577; background-image: linear-gradient(315deg, #3ee577 0%, #42fcdb 74%); color: #111111; }
.orange						{ background-color: #f5df2e; background-image: linear-gradient(315deg, #f5df2e 0%, #f07654 74%); color: #111111; }

header > div							{ align-items: center; } 
header .logo							{ max-width: 20%; width: auto; }
header .logo img					{ max-width: 150px;}
header .navigation				{ max-width: 80%; width: auto; }
header .navigation ul			{ font-size: 1.375rem; margin: 0; }

main a										{ color: #e8e8e8; font-weight: 500; }
main ul										{ font-size: 1.25rem; list-style: none; margin: 0 0 1.5rem; }
main ul li								{ margin: 0 0 0 1.5rem; }
main ul li:before					{ content: '◆'; display: inline-block; font-size: 1rem; margin: 0 0.5rem 0 -1.5rem; }

footer										{ padding: 2rem 0; }
footer a, footer p,
footer ul li							{ color: #e8e8e8; font-size: 1rem; }
footer img								{ margin: 0 auto; }
footer a:hover						{ color: #777777; }

#teaser										{ padding: 0; }
#teaser:before,
#teaser:after							{ background: url('/data/site/silver.gif') center center no-repeat; background-size: cover; content: ""; display: block; margin: 0; padding: 0.0625rem 0; width: 100%; }
#teaser img								{ width: 100%; }

#info											{ order: 1; }

/* INDEX */

.start img, .start a, .twitter-timeline									{ display: block; margin: 0 auto 1rem; text-align: center; }


/* LADIES & GENTS */

.profiles .team												{ overflow: auto; transition: ease-out 0.3s; width: 20%; }
.profiles .team.id0										{ width: 100%; }
.profiles .team .inactive							{ cursor: default; }
.profiles .entry figure								{ overflow: hidden; position: relative; }
.profiles .entry figure img						{ transition: 0.5s all ease; }
.profiles .entry figure:hover img 		{ transform: scale(1.5) rotate(2deg); transition: 1s all ease; }
.profiles .entry .detail							{ color: #ffffff; font-size: 1rem; font-weight: 500; hyphens: auto; padding: 0.375rem 1%; text-align: center; text-transform: uppercase; width: 100%; }

.ladies .entry figure,
.rooms .entry figure									{ overflow: hidden; position: relative; }
.ladies .entry figure img,
.rooms .entry figure img							{ margin: 0 auto; }
.ladies .entry .detail,
.rooms .entry .detail									{ color: #ffffff; font-size: 0.75rem; font-weight: 500; padding: 0.375rem 1%; text-align: center; text-transform: uppercase; width: 100%; }
.ladies .entry .silver,


.calendar															{ overflow: auto; padding: 1% 0; text-align: center!important; }
.gldp-flatwhite												{ display: inline-block; position: relative!important; }

.profiles .team.hide,
.input_1,
.input_2 															{ width: 0!important; height: 0!important; opacity: 0!important; transition: ease-out 0.8s; padding: 0!important; margin: 0!important; border: 0!important; overflow: hidden;  }
.profiles .team.hide img							{ opacity: 0;  width: 0; height: 0; margin: 0; border: none; transition: ease-out 0.8s; }
.filter																{ margin: 10px auto; background: rgba(11,11,11,0.8); color: #a0a0a0; border: 1px solid #a0a0a0; display: block; clear: both; overflow: auto; padding: 10px 20px; font-size: 1rem; font-family: 'Inter', sans-serif; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;  }
.filter:hover													{ border: 1px solid #a0a0a0; color: #a0a0a0; }
.nodates															{ padding: 1.5rem 1rem; text-align: center; width: 100%; }
.nodates p														{ font-size: 1.75rem; }

.siege .space													{ width: 100%; }
.siege .space a												{ margin: 0 1rem; }

/* LOCATION */

.location .entry figure								{ overflow: hidden; position: relative; }
.location .entry figure img						{ transition: 0.5s all ease; }
.location .entry figure:hover img 		{ transform: scale(1.5) rotate(2deg); transition: 1s all ease; }
.location .entry .detail							{ color: #ffffff; font-weight: 500; padding: 0.375rem 1%; text-align: center; text-transform: uppercase; width: 100%; }

.gallery															{ padding: 6rem 0; }
.gallery .thumb 											{ display: block; width: 31.333%; margin: 1rem 1%; overflow: hidden; position: relative; }
.gallery .thumb .details							{ background: rgba(115,22,48,0.8); bottom: -7rem ; padding: 0.5rem;  position: absolute; text-align: center; transition: 0.5s all ease; width: 100%; }
.gallery .thumb:hover .details				{ bottom: -1rem ; transition: 0.5s all ease; }
.gallery .thumb:hover .first img			{ transform: scale(1.5) rotate(5deg); transition: 0.5s all ease; }
.gallery .first img										{ display: block; transition: 0.5s all ease; width: 100%; }

/* PLAYROOM */

.playroom a														{ border: 1px solid #e8e8e8; font-family: 'Inter', sans-serif; font-size: 1.125rem; font-weight: 500; margin: 0 0 0.5rem; padding: 0.5rem 1rem; }

/* NEWS */

.news .entry											{ position: relative; }
.news .entry:after								{ background: url('/data/site/silver.gif') center center no-repeat; background-size: cover; content: ""; display: block; margin: 2.5rem 0; padding: 0.0625rem 0; width: 100%; }
.news .entry .details							{ color: #aaaaaa; display: block; font-size: 0.875rem; text-transform: uppercase; }
.news .button											{ border: 1px solid #e8e8e8; font-family: 'Inter', sans-serif; font-size: 1.125rem; font-weight: 500; margin: 0 0 0.5rem; padding: 0.5rem 1rem; }
.news	.entry a										{ border: 1px solid #e8e8e8; font-family: 'Inter', sans-serif; font-size: 1.125rem; font-weight: 500; margin: 0 0 0.5rem; padding: 0.5rem 1rem; }
.news img													{ width: 100%; }

.controls .button						{ border: 0.0625rem solid #dddddd; cursor: pointer; font-size: 1rem; font-weight: 500; margin: 0 0 0.5rem; padding: 1rem; text-align: center; text-transform: uppercase; width: 24.5%; }
.controls .button.all				{ background: #111111!important; color: #ffffff!important; text-align: center; border: none; width: 100%; }

/* VERMIETUNG */

.rental .entry							{ position: relative; }
.rental .entry img					{ width: 100%; }

/* KONTAKT */

.map img										{ margin: 0 auto; }

/* PRIVATE WORLD */

.register .button						{ display: block; border: 0.0625rem solid #dddddd; cursor: pointer; font-size: 1rem; font-weight: 500; margin: 0 auto 0.5rem; padding: 1rem; text-align: center; text-transform: uppercase; }


.private h3									{ margin: 0; }
.private a.all							{ display: block; margin: 2rem auto 4rem; }
.private .third > .space,
.private .fifth > .space,
.private .entry							{ height: 100%; }
.private video							{ display: block; margin: 0 auto; width: 80%; }

/* INDEX */

.error img, .error a						{ display: block; margin: 0 auto 1rem; text-align: center; }



/* INTERN */


.table											{ font-size: 1.5rem; margin: 0 auto; width: 75%; }
.table:hover								{ background: #222222; }

.table .button							{ background: #111111; border: 1px solid #e8e8e8; border-radius: none!important; color: #e8e8e8; cursor: pointer; display: block; font-family: 'Inter', sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 1px; padding: 1rem 1.5rem; text-align: center; text-transform: uppercase;  width: 100%; }
.table > span:last-child		{ text-align: right; }

.intern .counter.green			{ background: none; color: #3ee577; }
.intern .counter.orange			{ background: none; color: #f07654; }

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

	.profiles .team												{ width: 50%; }
	.profiles .team .detail								{ font-size: 1.25rem; }

}


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

	header .logo						{ max-width: 100%; width: 100%; }
	header .logo a					{ display: block; }
	header .logo img					{ max-width: 150px;  margin: 0 auto;}
	header .navigation				{ max-width: 100%; width: 100%; }
	header .menu, header .navigation						{ text-align: center; }


	.half							{ width: 100%; }
	.threequarter			{ width: 75%; }
	.twothird					{ width: 100%; }
	.third						{ width: 100%; }
	.quarter					{ width: 100%; }
	.fifth						{ width: 50%; }
	.sixth						{ width: 50%; }
	.tenth						{ width: 10%; }

	.columns					{ column-count: 1; column-gap: 2rem; }

	.controls .button											{ width: 100%; }

}

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

	h1								{ font-size: 2.75rem; }
	h2								{ font-size: 1.5rem; }

	.profiles .team										{ width: 100%; }

}