/* CSS Dokument */

@import url('/css/fontawesome.css');
@import url('/css/nav.css');
@import url('/css/slick.css');
@import url('/css/slick-theme.css');
@import url('/css/lightcase.css');
@import url('/css/calendar.css');
@import url('/css/jbox.css');

@font-face {
	font-family: Birds;
	src: url(/fonts/bop.ttf);
}
@font-face {
  font-family: 'Norican';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Norican.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/Raleway.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Raleway.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Allgemein */

* { box-sizing: border-box; margin: 0; outline: none; padding: 0; }
html { background: #000000; color: #dddddd; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; }
body { }

h1 { }
h2 { font-family: 'Birds'; font-size: 2.5rem; font-weight: 400; margin-bottom: 3rem; text-align: center; }
h2 span	{ color: #cfaa59; display: block; font-family: 'Raleway', sans-serif; font-size: 1.25rem; font-weight: 500; text-transform: uppercase; }
h3 { font-size: 1.375rem; font-weight: 500; }
h3:after { border: 0; border-width: 0; border-bottom: 4px solid; 
	-moz-border-image: -moz-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image: linear-gradient(to right, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image-slice: 1; content: ""; display: block; margin: 0.25rem 0 2rem; max-width: 10rem; }
h4 { color: #cfaa59; font-size: 1.25rem; font-weight: 500; margin-bottom: 0.75rem; text-transform: uppercase; width: 100%; }
.galerie { font-size: 1.25rem; font-weight: 500; margin: 0.75rem 0 0.75rem 0; text-transform: uppercase; width: 100%; text-align: center }
h5 { font-size: 1.125rem; font-weight: 500; margin-bottom: 0.75rem; text-align: center; text-transform: uppercase; }
h6 { color: #cfaa59; font-size: 1rem; font-weight: 500; margin-bottom: 0.75rem; text-transform: uppercase; width: 100%; }
h5:after { border-bottom: 3px solid #cfaa59; content: ""; display: block; margin: 0.25rem  auto 2rem; max-width: 3rem; }
img { display: block; max-width: 100%; }
a { font-size: 1.125rem; color: #dddddd; text-decoration: none; }
a:hover { color: #cfaa59; }
p { font-size: 1.125rem; margin-bottom: 1rem; }
strong { font-weight: 500; }
ul { list-style: none; }
li {  }
table {margin: 0 0 1rem; } 
table tr { vertical-align: top; }
table tr td { padding: 0.125rem 0.25rem 0.125rem 0; }
.piwik { border: none; width: 100%; height: 200px; }

/* Grundaufbau */

.wrapper { background: url('/data/site/kinky-domination-back.jpg') center top fixed; padding: 5vh 0 5vh; }

header { background: url(/data/site/kinky-black.jpg); background-repeat: repeat-x; background-position: bottom; position: relative; }
header img { margin: 0 auto -20px; }
.logo:before { background: url('/data/site/no-copy.png') repeat; bottom: 0; content: ''; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; }

/*
.logo { background: #000000; font-family: 'Birds', cursive; margin: 0 auto; overflow: auto; padding: 1rem 1rem 0; text-align: center; width: 100%; }
.logo img { display: inline-block; margin: 0 auto 1.5rem; height: 10rem; }
.logo span { color: #cfaa59; display: inline-block; font-size: 5rem; padding: 2rem 0.5rem 2rem; vertical-align: top; }
*/

#navigation { background: #000000; color: #cfaa59; text-align: center; position: relative; }

/*
.navigation { }
.navigation button { background: url('/data/site/dark-wall.png'); border-top: 2px solid #cfaa59 ; border-bottom: 2px solid #cfaa59 ; color: #cfaa59; font-family: 'Raleway', sans-serif; font-size: 1.25rem; text-transform: uppercase; }
.navlist { background: #000000; }
.navlist a { cursor: pointer; font-family: 'Playball'; font-size: 2rem; font-weight: 300; position: relative; text-align: center; width: 20%; }
.navlist a span { background: rgba(43,43,43,0.8); display: block; height: 100%; padding: 7vh 0; width: 100%; }
.navlist a:hover span { background: rgba(173,117,52,0.8); color: #000000; }
*/

#main { background: #000000; padding: 4rem; }

#main												{ min-height: 500px; padding: 3rem 0 2rem; }
#main ul										{ font-size: 1.125rem; list-style: none; margin: 0 0 1.5rem; }
#main ul li									{ margin: 0 0 0 1.5rem; }
#main ul li:before					{ content: "■"; color: #cfaa59; display: inline-block; margin: 0 0.5rem 0 -1.5rem; width: 0.75rem; }

#main ul li ul li:before		{ content: "●"; color: #ffffff; display: inline-block; margin: 0 0.5rem 0 -1.5rem; width: 0.75rem; }

.subline { color: #cfaa59; font-size: 1.25rem; font-weight: 500; margin-bottom: 1.75rem; text-align:center; text-transform: uppercase; width: 100%; }
.intro { height: 50vh; margin: 0 auto 2rem; max-width: 1200px; }
.content { margin: 0 auto; max-width: 1200px; overflow: auto; }
.flex { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexcenter { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.column { margin: 0 2% 2rem; width: 46%; }
.column .img { margin: 0 1%; width: 98%; }
.column li:before { content: "▪"; color: #cfaa59; padding: 0 0.375rem 0 0; }

.seal	{ background: #000000; padding: 1rem; text-align: center; }
.seal a	{ display: inline-block; margin: 0 0.25rem; }

footer { background: #000000; padding: 1rem; position: relative; text-align: center; }
footer .flex { justify-content: space-between!important; }
footer .box { position: relative; z-index: 1; width: 45%; }
footer .phone { margin-right: 2rem; }
footer p { color: #dddddd; font-size: 1rem; font-weight: 500; margin: 0; }
footer a { display: inline-block; color: #cfaa59; font-size: 1rem; font-weight: 500; }
footer a:hover { color: #dddddd; }
footer .lion { position: absolute; left: 0; right: 0 ; bottom: -60px; z-index: 0; }
footer .lion img { margin: 0 auto; }

.label { padding: 4rem 0 0 ; }
.label img { margin: 0 auto; }

.bold { font-weight: 500; }
.border {  border: 0; border-width: 0; border-top: 2px solid; border-bottom: 5px solid; 
	-moz-border-image: -moz-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image: linear-gradient(to right, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image-slice: 1; }
.break { page-break-inside: avoid; }
.capital { text-transform: uppercase; }
.center { text-align: center; }
.golden { color: #cfaa59; }
.green { color: #54B435; }
.light { font-weight: 300; }
.margin { display: inline-block; }
.more { background: url('/data/site/maze.jpg'); color: #000000; display: block; font-size: 1rem; font-weight: 500; padding: 0.5rem; width: 100%; }
.more:hover { color: #dddddd; }
.news a { color: #cfaa59; }
.news a:hover { color: #dddddd; }
.slim { margin: 0 auto; max-width: 900px; padding: 1rem; }
.slim img { margin: 0 auto; }
.small { font-size: 0.75rem; text-align: center; }


/* Unterseiten */

/* Home */


/* Ambiente */

.room {margin: 2rem 0; }
.gallery img { height: 400px; margin: 0 0.75rem; }

/* Verkauf */

.images a				{ display: block; padding: 1rem; width: 16.666%; }
.images img			{ display: block; height: auto; max-width: 100%; }

a.filter		{ background: #cfaa59; border: none; color: #000000!important; margin: 0; padding: 1rem; }

.video video		{  }

/* DienstleisterInnen */

.ladies { margin: 1rem 0 0rem; }
.profil { width: 23%; margin: 0 1% 2.5rem; }
.portrait { margin: 0 1% 0.5rem; overflow: hidden; position: relative; border: 0; border-width: 0; border-bottom: 3px solid; 
	-moz-border-image: -moz-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image: linear-gradient(to right, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image-slice: 1; transition: ease all 0.1s; transition-delay: 0.225s; width: 98%; }
.details { background: rgba(43,43,43,0.8); border: 0; border-width: 0; border-top: 3px solid; 
	-moz-border-image: -moz-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image: linear-gradient(to right, #ad6d23 0%, #cfaa59 50%, #ad6d23 100%);
	border-image-slice: 1; bottom: -15rem; left: 0; min-height: 110px; padding: 0.75rem 0 0; position: absolute; right: 0; text-align: center; transition: ease all 0.5s; }
.details p, .name { color: #dddddd; font-size: 1.25rem; width: 100%; }
.portrait:hover .details { bottom: 0; transition: ease all 0.5s; }
.portrait:hover { border-bottom: 3px solid ; border-image: transparent; transition: ease all 0.1s; }

.profile { width: 18%; margin: 0 1% 2.5rem; }

/* Neu hinzugefügt - Arbeitstage */
.work { margin-bottom: 0.750rem; }
.day	{ width: 22.500%; font-size: 1.125rem; font-weight: 500; }
.time { width: 77.500%; font-size: 1.125rem; }

.pics a { width: 18%; margin: 1rem 1% 0; } 
.team { text-align: center; }
.team li { margin-bottom: 1rem; text-align: center; width: 33.333%; }
.team li a { border-bottom: 3px solid transparent; padding: 0.5rem 4% 0.125rem; }
.team li a:hover { border-bottom: 3px solid #cfaa59; color: #dddddd;}

/* Tabs Teamseite */

.tab a.tablinks { background: #000000; border: 1px solid #cfaa59; color: #ffffff; font-family: 'Norican'; font-size: 1.375rem; outline: none; cursor: pointer; padding: 0.75rem 1.25rem; text-align: center; transition: 0.3s; width: 100%; }
.tab a.tablinks:hover, .tab a.active { background: #cfaa59; color: #000000; transition: 0.3s; }
.tabcontent { border: 1px solid #cfaa59; padding: 1rem; width: 100%; }

/* Anwesenheit */

.schedule											{ border-collapse: collapse; margin: 0 0 2rem; width: 100%; }
.schedule tr:hover						{ background: #111111; }
.schedule tr:hover a					{ color: #cfaa59; }
.schedule tr td								{ padding: 0.5rem; text-align: center; width: 10%; }
.schedule tr:first-child			{ color: #cfaa59; font-weight: 500; }
.schedule tr td:first-child 	{ width: 30%; text-align: left; }
.schedule tr td img						{ margin: 0.25rem auto 0; width: 0.875rem; }
.thead												{ font-family: 'Birds'; font-size: 1.75rem!important; } 

/* Kalender */

.cal			{ text-align: center; }
button.filter		{ background: #cfaa59; border: none; color: #000000; margin: 0 0 2rem; padding: 1rem; }
.gldp-flatwhite { display: inline-block; position: relative!important; }
a.team { display:block!important; margin: 0 1% 1rem; }
.hide { width: 0!important; height: 0; opacity: 0; transition: ease-out 0.5s; padding: 0; margin: 0!important; border: 0; overflow: hidden;  }
.hide img { opacity: 0;  width: 0; height: 0; margin: 0; border: none; }

/* News */

.news .entry { page-break-inside: avoid; break-inside: avoid-column; page-break-before: avoid; break-before: auto; break-before: avoid-page; break-before: avoid-column; break-after: avoid; break-after: avoid-page; break-after: avoid-column; }


/* Kontakt */

form input, form textarea, form select { background: #f5f5f5; border: none; border-radius: 0; color: #555555; font-family: 'Raleway', sans-serif; font-size: 1.125rem; margin: 0 0 1.25rem; padding: 1.25rem;  }
form button { font-family: 'Raleway', sans-serif; }
.block, .blocklong { margin: 0 auto; width: 90%; }
.fieldlong input { width: 100%; }
.fieldlong textarea { width: 100%;}
.fieldapprove { text-align: left; margin: 0 0 1.25rem; }
.fieldapprove input { margin: 0 0 0; }
.fieldapprove a { color: #cfaa59; display: inline-block; }
.captchapic img { border: none; margin: 0 0 2rem; float: left; width: 31.333%; }
.captchafield input { height: 70px; float: left; width: 31.333%; margin: 0 0 2rem 3%; }
.buttonfield input { background: url('/data/site/maze.jpg'); border: none; cursor: pointer; padding: 1rem 1%; height: 70px; font-size: 1.125rem; margin: 0 0 2rem 3%; width: 31.333%; color: #000000; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; border-radius: 0; }
.buttonfield input:hover { color: #dddddd; }
.buttonfield input:disabled { background: #555555; color: #888888; cursor: default; }

/* Links */

.banner { margin-bottom: 3rem; text-align: center; }
.banner p { font-size: 1rem; }
.banner a { display: inline-block; font-size: 1rem; }
.banner a:hover { color: #cfaa59; }
.banner img { margin: 0 auto 0.5rem; }

/* Anfahrt */

#map_canvas { border: 1px solid #cfaa59; height: 50vh; margin: 0 auto 2rem; max-width: 1200px; }



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

	header { background: url(/data/site/kinky-black.jpg); background-repeat: repeat-x; background-position: bottom; position: relative; }
	header img { margin: 0 auto -10px; }
	.nav li a { font-size: 1.125rem; padding: 0.5rem 1rem;  }
	.column { width: 100%; }
	.profil, .profile { width: 31.333%;}
	
	.images a				{ width: 33.333%; }

}

@media screen and (max-width: 760px) {
h2 { font-size: 1.75rem;  }
#main { background: #000000; padding: 2rem; }
	.nav li { width: 100%;  }
	.intro { display: none; }
	.profil, .profile { width: 48%; }
	.margin { margin: 0 26% !important; }
.gallery img { height: 180px; margin: 0 0.75rem; }

}

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

	.profil, profile { width: 98%; }
	.margin { margin: 0 1% !important; }
	.team li { width: 100%; }
	.captchapic img { width: 100%;  margin: 0 0 1.25rem ; }
.captchafield input { width: 100%; margin: 0 0 1.25rem ; }
.buttonfield input { width: 100%; margin: 0 0 1.25rem ; }
	
	.images a				{ width: 50%; }

/* Neu hinzugefügt - Arbeitstage */
.day	{ width: 40%;  }
.time { width: 60%; }

footer .box { padding-bottom: 2rem; width: 100%; }
}