body
{
	background: #FFF;
	font-family: 'Mulish', sans-serif;
	font-size: 15.5px;
	position: relative;
}

/* start templatemo page container */
@media (min-width: 768px) {
	.container { width: 740px; }
}
@media (min-width: 992px) {
	.container { width: 960px; }
}
@media (min-width: 1200px) {
	.container { width: 1120px; }
}
/* end templatemo page container */

.xu1 {
	color: #06C;
}

.xu2 {
	color: #090;
}

/* start templatemo navigation */
.xtop1
{
	background: #FFF;
	border: none;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	margin: 0;
}
.xtop1 .xbrand
{
	font-weight: 600;
	font-size: 23px;
	padding: 12px 0 0 0;
	height: 68px;
	line-height: 44px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.xtop1 .xbrand:hover { color: #C2603C; }
.xtop1 .nav li a
{
	color: #DAD5CD;
	font-size: 12px;
	font-weight: 500;
	height: 68px;
	line-height: 44px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xtop1 .nav li a:hover
{
	background-color: #C2603C;
	color: #FFF;
}
.xtop1 .nav li a:focus { color: #202529; }
.xtop1 .navbar-nav > .active > a,
.xtop1 .navbar-nav > .active > a:hover,
.xtop1 .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #C2603C;
}
.xtop1 .xtg4
{
	border: none;
	padding-top: 18px;
}
.xtop1 .xtg4 .xbar5
{
	background: #C2603C;
	border-color: transparent;
}
.xtop1 .xtg4:hover,
.xtop1 .xtg4:focus { background-color: transparent }
/* end templatemo navigation */

/* start templatemo header background slideshow */
#p1 { padding-top: 68px; }
.flexslider {
	margin: 0 0 60px;
	background: #fff;
	padding: 0;
	position: relative;
	zoom: 1;
	background-color: #0B0D0F;
	overflow: hidden;
	margin: 0;
}
.flexslider .slides {
	padding: 0;
	zoom: 1;
}
.flexslider .slides img {
	width: 100%;
	min-width: 648px;
	min-height: 270px;
	display: block;
}
.flexslider .slides > li {
	display: none;  
	padding: 0;
	position: relative;
	-webkit-backface-visibility: hidden;
}
.flexslider img {
	position: relative;
	width: 100%;
}
.xhov {
	color:white;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	z-index: 7;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.xbtn
{
	background: #C2603C;
	border-radius: 14px;
	border: 1px solid transparent;
	color: #FFFFFF;
	font-weight: bold;
	margin: 40px 0 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 50px;
	width: 210px;
	padding: 13px 10px 10px 10px;
	letter-spacing: 3px;
	font-size: 11px;
	text-transform: uppercase;
}
.xbtn:hover,
.xbtn:focus {
	background: #fff;
	color: #C2603C;
	border: 2px solid transparent;
}

/* start templatemo xfeat */
.xfeat
{
	background: #14171A;
	border-bottom: 1px solid #23282C;
	padding: 96px 0 96px 0;
}
.xfeat h2
{
	font-weight: 400;
	padding-bottom: 20px;
}
.xfeat h3
{
	font-weight: 400;
	padding-bottom: 6px;
}
.xfeat .fa
{
	background: #C2603C;
	border-radius: 50%;
	color: #FFF;
	font-size: 22px;
	width: 66px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;

}
.xfeat .fa:hover
{
	background: #202529;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
/* end templatemo xfeat */

/* start templatemo about */
#p3
{
	color: #DAD5CD;
	padding: 96px 0 96px 0;
}
#p3 .xc12 {	padding: 20px 0 0 0; }
#p3 h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#p3 h4
{
	font-weight: 600;
	padding-top: 6px;
	padding-bottom: 10px;
}
#p3 .xskl { padding-top: 30px; }
#p3 .progress
{
	background: #23282C;
	height: 3px;
	margin: 10px 0 16px 0;
}
#p3 .progress .xpfill { background: #C2603C; }
/* end templatemo about */

/* start templatemo team */
#p4
{
	background: #14171A;
	border-top: 1px solid #23282C;
	border-bottom: 1px solid #23282C;
	padding: 96px 0 96px 0;
}
#p4 .xc6 { margin-bottom: 20px; }
#p4 h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#p4 h3
{
	background: #FFF;
	color: #C2603C;
	font-weight: 600;
	padding: 10px;
}
#p4 img
{
	cursor: pointer;
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#p4 img:hover
{
	border-radius: 50%;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
/* end templatemo team */

/* start templatemo portfolio */
#p5
{
	text-align: center;
	padding: 96px 0 104px 0;
}
#p5 h2
{
	font-weight: 400;
	padding: 0 0 20px 0;
}
#p5 p {	margin-bottom: 60px; }
#p5 .xc6 { padding: 4px; }
#p5 .xthumb
{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
#p5 .xthumb .xthov
{
	background: #C2603C;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 0;
	left: 0;
	bottom: 0;
	/*padding-top: 46px;*/
	text-align: center;
}
#p5 .xthumb:hover .xthov { opacity: 0.9; }
#p5 .xthumb .xthov .fa
{
	background: #EFEAE3;
	border-radius: 50%;
	color: #1A1D20;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	opacity: 1;
	/*http: //www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/; */
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#p5 .xthumb a:hover { text-decoration: none; }
/* end templatemo portfolio */

/* start templatemo contact */
#p7
{
	background: #202529;
	color: #EFEAE3;
	padding: 104px 0 104px 0;
}
#p7 h2 { font-weight: 400; }
#p7 .xmid p { padding: 0 0 60px 0; }
#p7 h2, #p7 h3 { padding: 0 0 20px 0; }
#p7 .xfield
{
	background: transparent;
	border: 1px solid #1A1D20;
	border-radius: 0px;
	color: #FFF;
	margin: 10px 0 10px 0;
}
#p7 input { height: 50px; }
#p7 .xfield:focus
{
	background: #1A1D20444;
	border-color: transparent;
	box-shadow: none;
}
#p7 input[type="submit"]
{
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1px;
	width: 230px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#p7 input[type="submit"]:hover
{
	background: #C2603C;
	border-color: transparent;
	color: #FFF;
}
#p7 .xcinf
{
	padding: 20px;
	padding-top: 0;
	margin: 0;
}
#p7 .fa
{
	color: #C2603C;
	font-size: 20px;
	padding: 6px 10px 6px 0;
}

a {	color: #C2603C; }
a:hover, a:active 
{
	color: #E29570;
	text-decoration: none;
}
/* end templatemo contact */

/* start templatemo footer */
footer
{
	border-top: 1px solid #262B2F;
	background: #0B0D0F;
	color: #FFF;
	padding: 84px 0 40px 0;
}
footer .xsoc a
{
	border: 1px solid #FFF;
	border-radius: 50%;
	color: #FFF;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin: 0 4px 24px 6px;
}
footer .xsoc a:hover
{
	border-color: transparent;
	background: #C2603C;
}
/* end templatemo footer */

/* starttemplatemo  go top */
.go-top 
{
	background-color: #C2603C;
	border-radius: 50%;
	bottom: 2em;
	right: 2em;
	color: #FFF;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
}
.go-top:hover {	color: #14171A; }
/* end templatemo go top */

@media only screen and (max-width: 1199px) {
	.flexslider h1 { font-size: 30px; }
	.flexslider h2 { font-size: 24px; }
}

/* start templatemo 768 media quires */
@media only screen and ( max-width: 768px ) {
	.xtop1 .xbrand {	margin-left: 20px; }
	.xtop1 .navbar-nav	{ margin: 0; }
	.xtop1 .xmenu
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.flexslider h1 { font-size: 26px; }
	.flexslider h2 { font-size: 18px; }
	.xbtn { 
		margin-top: 10px; 
		width: 180px;
		height: 40px;
		padding-top: 8px;
	}
}
/* end templatemo 768 media quires */

/* start templatemo 680 media quires */
@media only screen and ( max-width: 680px ) {
	.xtop1 .navbar-nav li a { border-bottom: 1px solid #23282C; line-height: normal; height: 40px; }
/* end templatemo 680 media quires */
}

/* start templatemo 600 media quires */
@media only screen and ( max-width: 640px ) {	
	.flexslider h1 { font-size: 20px; }
	.flexslider h2 { font-size: 14px; }
	.xbtn {
		width: auto;
		height: auto;
		padding: 10px 20px;
		margin-top: 10px; 
	}
}
/* end templatemo 600 media quires */

/* Elqorithan / Elqorithan premium hospitality adaptation */
:root {
  --obsidian: #0B0D0F;
  --charcoal: #14171A;
  --gold: #C2603C;
  --forest: #1D2226;
  --burgundy: #C2603C;
  --ivory: #E7E3DC;
  --copper: #A2694A;
}
body { background: var(--ivory); color: #DDD8D0; font-family: 'Mulish', Arial, sans-serif; }
h1,h2,h3,h4,.xbrand { letter-spacing: .4px; }
.xtop1 { background: rgba(11, 13, 15, .96); border-bottom: 1px solid rgba(194,96,60,.35); box-shadow: 0 2px 12px rgba(0,0,0,.3); }
.xtop1 .xbrand { color: var(--gold); font-weight: 700; }
.xtop1 .xbrand:hover { color: var(--ivory); }
.xtop1 .nav li a { color: var(--ivory); }
.xtop1 .nav li a:hover,
.xtop1 .navbar-nav > .active > a,
.xtop1 .navbar-nav > .active > a:hover,
.xtop1 .navbar-nav > .active > a:focus { background-color: var(--gold); color: var(--obsidian); }
.xtop1 .xtg4 .xbar5 { background: var(--gold); }
.flexslider { background-color: var(--obsidian); }
.flexslider .slides img { filter: brightness(.55) saturate(.85); }
.xhcap { max-width: 850px; padding: 20px; }
.xhcap h1 { color: var(--ivory); font-weight: 700; text-shadow: 0 3px 18px rgba(0,0,0,.5); }
.xhcap h2 { color: #DCD6CD; font-weight: 300; text-transform: none; }
.xbtn { background: var(--gold); color: var(--obsidian); border-color: var(--gold); margin-left: 6px; margin-right: 6px; }
.xbtn.xbtn2 { background: transparent; color: var(--ivory); border-color: var(--gold); }
.xbtn:hover, .xbtn:focus { background: var(--ivory); color: var(--obsidian); border-color: var(--ivory); }
.xfeat { background: #171A1D; border-bottom-color: #2A3034; }
.xfeat .fa, #p3 .progress .xpfill, #p5 .xthumb .xthov, #p7 input[type="submit"]:hover, footer .xsoc a:hover, .go-top { background: var(--gold); }
.xfeat .fa { color: var(--obsidian); box-shadow: 0 8px 22px rgba(194,96,60,.16); }
.xfeat .fa:hover { background: var(--forest); color: var(--ivory); }
#p3 { background: var(--ivory); }
#p4, .xtint { background: #171A1D; border-top: 1px solid #2A3034; border-bottom: 1px solid #2A3034; padding: 60px 0; }
#p4 h3, .xacc { color: var(--burgundy); }
#p5 { background: var(--ivory); }
#p5 .xthumb .xthov { background: rgba(11,13,15,.9); }
#p7 { background: linear-gradient(135deg, var(--obsidian), var(--forest)); color: var(--ivory); }
#p7 .xfield { border-color: rgba(231,227,220,.25); }
#p7 .xfield:focus { background: rgba(255,255,255,.08); }
#p7 .fa, a { color: var(--gold); }
a:hover, a:active { color: #E29570; }
footer { background: var(--obsidian); border-top: 1px solid rgba(194,96,60,.35); padding-top: 60px; }
footer h3 { color: var(--gold); margin-top: 0; }
footer ul { list-style: none; padding: 0; margin: 0 0 20px; }
footer li { margin: 6px 0; }
.xpgb, .xpga { padding: 115px 0 70px; background: var(--ivory); }
.xpgb h1, .xpga h1 { color: var(--burgundy); margin-bottom: 25px; }
.xpgb h2, .xpga h2 { color: var(--forest); margin-top: 35px; }
.xwarn { background: var(--burgundy); color: var(--ivory); padding: 16px 20px; border-left: 6px solid var(--gold); font-weight: 700; margin: 20px 0; }
.xnote { background: #171A1D; border: 1px solid #3A4247; padding: 25px; margin-top: 20px; }
.faq-item { border-bottom: 1px solid #2A3034; }
.faq-question { cursor: pointer; padding: 18px 45px 18px 0; position: relative; font-weight: 700; color: var(--forest); }
.faq-question:after { content: '+'; position: absolute; right: 15px; color: var(--gold); font-size: 24px; top: 11px; }
.faq-item.active .faq-question:after { content: '−'; }
.faq-answer { display: none; padding: 0 0 18px; }
.cookie-banner { display: none; position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 9999; background: rgba(11,13,15,.96); color: var(--ivory); border: 1px solid var(--gold); padding: 18px; box-shadow: 0 8px 28px rgba(0,0,0,.35); }
.cookie-banner .btn { background: var(--gold); color: var(--obsidian); border-radius: 0; font-weight: 700; margin-left: 15px; }
.xlist { padding-left: 18px; }
.xlist li { margin-bottom: 8px; }
.xdate { color: #C2603C; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
@media only screen and ( max-width: 680px ) { .xtop1 .navbar-nav li a { border-bottom: 1px solid rgba(231,227,220,.12); line-height: normal; height: 40px; } }


/* ============================================================
   KALTENRODE — dunkle Ebene (Leipzig)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&family=Mulish:wght@300;400;500;600;700&display=swap');

body { background: #0F1113; color: #C9C4BC; }

h1, h2, h3, h4, .xbrand { font-family: 'Oswald', 'Arial Narrow', sans-serif;
  text-transform: uppercase; letter-spacing: 1.6px; color: #EFEAE3; font-weight: 500; }
h2 { font-size: 27px; }
h3 { font-size: 17px; }
h4 { font-size: 12px; letter-spacing: 3px; color: #C2603C; }
p  { line-height: 1.9; color: #ACA69D; }

/* dunkle Flächen */
#p3, #p5, .xpga, .xpgb { background: #0F1113; color: #C9C4BC; }
.xfeat { background: #14171A; border-top: 1px solid #23282C; border-bottom: 1px solid #23282C; }
#p4, .xtint { background: #14171A; border-top: 1px solid #23282C; border-bottom: 1px solid #23282C; }
#p4 h3 { background: transparent; color: #C2603C; padding: 12px 0 0; }
.xnote { background: #171A1D; border: 1px solid #2A3034; border-radius: 14px; }
.xwarn { background: #2A140E; color: #EBD9CF; border-left: 4px solid #C2603C; border-radius: 0 14px 14px 0; }
.faq-item { border-bottom: 1px solid #23282C; }
.faq-question { color: #EFEAE3; }
.faq-question:after { color: #C2603C; }
.xdate { color: #C2603C; }

.xfeat .fa { border-radius: 14px; box-shadow: none; }
.xfeat .fa:hover { background: #1D2226; transform: none; }

.xhcap h1 { font-size: 50px; letter-spacing: 3px; }
.xhcap h2 { font-size: 15px; letter-spacing: 0.4px; text-transform: none;
  font-family: 'Mulish', sans-serif; font-weight: 300; color: #D8D2C9; }
.xhov { background: linear-gradient(180deg, rgba(11,13,15,.25) 0%, rgba(11,13,15,.8) 100%); }

.xbtn { border-radius: 14px; }
.ximg, .xthumb { border-radius: 14px; }

/* Kartenraster */
.card_grid { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
.card_grid .cg { flex: 1 1 200px; background: #14171A; border: 1px solid #23282C;
  border-radius: 14px; padding: 20px 22px; }
.card_grid .cg b { display: block; font-family: 'Oswald', sans-serif; font-size: 22px;
  color: #C2603C; letter-spacing: 1px; }
.card_grid .cg span { display: block; margin-top: 4px; font-size: 12px; letter-spacing: 2px;
  text-transform: uppercase; color: #7E786F; }

/* Zeitenliste */
.hours_list { margin-top: 12px; border-top: 1px solid #23282C; }
.hours_list .hl { display: flex; justify-content: space-between; padding: 12px 2px;
  border-bottom: 1px solid #23282C; }
.hours_list .hl span { color: #ACA69D; }
.hours_list .hl b { color: #EFEAE3; font-weight: 600; }

.progress { background: #23282C; }
#p7 { background: linear-gradient(135deg, #0B0D0F 0%, #1D2226 100%); }
#p7 .xfield { background: rgba(255,255,255,.03); border-color: #2A3034; border-radius: 14px; }
#p7 input[type="submit"] { background: transparent; }
footer { background: #0B0D0F; border-top: 1px solid #23282C; }
footer h3 { color: #C2603C; font-size: 16px; }
footer p, footer li { color: #9C968D; }
.cookie-banner { border-radius: 14px; }
.go-top { border-radius: 14px; }
.progress .xpfill { background: #C2603C; }
.progress { height: 3px; box-shadow: none; }