@font-face {
	font-family: 'H77';
	src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
	src: local('☺'), url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-BdCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'H57';
	src: url('fonts/HelveticaNeueLTStd-Cn.eot');
	src: local('☺'), url('fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Cn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'H47';
	src: url('fonts/HelveticaNeueLTStd-LtCn.eot');
	src: local('☺'), url('fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-LtCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { font-family:'H47', sans-serif; font-size:18px; font-weight:normal; padding:0px; margin:0px; background:#fff;color:#475258; }
a{color:#e2007a;text-decoration:none; }
a:hover{color:#c1005f;text-decoration:none;}
ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}ul,li{list-style:none;}
h1 {font-family:'H77', sans-serif;font-size:36px;margin:8px 0;color:#e2007a;font-weight:normal;}
h2 {font-family:'H77', sans-serif;font-size:28px;margin:8px 0;color:#e2007a;font-weight:normal;}
h3 {font-family:'H77', sans-serif;font-size:24px;margin:8px 0;color:#e2007a;font-weight:normal;}
h4 {font-family:'H77', sans-serif;font-size:20px;margin:8px 0;color:#666;font-weight:normal;}
h5 {font-family:'H77', sans-serif;font-size:16px;margin:8px 0;color:#e2007a;font-weight:normal;}
h6 {font-family:'H77', sans-serif;font-size:14px;margin:8px 0;color:#e2007a;font-weight:normal;}
p {margin:8px 0;}

#wrapper{width:1200px;margin:0px auto;}
#menu{text-align:center;border-bottom:solid 1px #c7cbcd;}
#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; padding:42px 15px 36px 15px;margin:0 15px; white-space:nowrap;font-family:'H57', sans-serif;font-size:25px;font-weight:normal;color:#475258;text-transform:uppercase;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {color:#e2007a;}#menu li li{display:block;}#menu li.active li a {}#menu li ul{display:none;position:absolute;z-index:101}#menu li:hover ul { display:block; background:#dbe2e6;padding:8px 16px;} #menu li li a {font-family:'H47', sans-serif; font-size:25px; font-weight:normal;color:#000 !important; text-transform:none;margin:0;padding:8px 12px 8px 25px;text-align:left;border-bottom:solid 1px #bac0c4;background:url(../images/arr.png) no-repeat left center; } #menu li li:last-child a {border:none;} #menu li li.active a {color:#e2007a !important;}
#crumbs {display:none;}
/*#maincontent {padding:44px 0 44px 0; }*/
#maincontent {padding:44px; }
.bPage_index #maincontent {padding:0 0 44px 0; }
/**/
#boxes {margin:24px 0 0 -20px;}
.box {display:inline-block;vertical-align:top;width:calc(25% - 20px - 48px); margin:0 0 0 20px; background:#475258;position:relative;padding:24px 24px 52px 24px; color:#b3b6b8;font-family:'H77', sans-serif;font-size:20px;font-weight:normal; text-transform:uppercase; min-height:138px; }
.box h3 {font-size:30px;color:#c7baa8;margin:0 0 18px 0;  line-height:28px; }
.box p {line-height:28px; }
.mehr {position:absolute;right:16px;bottom:16px;background:#000;color:#fff;display:block;padding:8px 12px; }
.box.dark {color:#a8a7a8;background:#1a171b;} .box.dark h3 {color:#727e85;}
.box.pink {color:#f1a3c4;background:#e2007a;} .box.pink h3 {color:#000000;}
.box.middle {color:#636363;background:#A9A9A9;} .box.middle h3 {color:#444444;}
/**/
.cycle-slideshow, .cycle-slide {display:inline-block;text-align:center;    min-height: 400px;
    width: 100%;} .cycle-slideshow img {display:block; margin:0 auto;}
/**/
.galleryPlugin {text-align:center;}
.galleryPlugin .gal_item {display:inline-block;vertical-align:top; margin:4px; } .galleryPlugin .gal_item img {max-width:120px;    max-height: 150px;}
/**/
#footer {border-top:solid 1px #c7cbcd;padding:32px;}
#f1 {display:inline-block;vertical-align:top;}
#f1 ul {display:inline-block;vertical-align:top;margin:0 54px 0 0;} #f1 ul li {color:#475258;font-size:20px;font-family:'H77', sans-serif;font-weight:normal;text-transform:uppercase;padding:3px 0; }
#f2 {display:inline-block;vertical-align:top;margin:0 44px 0 20px;width:200px;line-height:25px;}
#f2 h4 {text-transform:uppercase;color:#000000;margin:0 0 20px 0; border-bottom:solid 5px #e2007a; padding:0 0 18px 0; }
#f2 td {padding:0px 4px;line-height:23px;  }
.f2td1 {padding:2px 14px 2px 2px; } .f2td2 {text-align:right;}

#f3 {display:inline-block;vertical-align:top;width:180px;}
#f3 h4 {text-transform:uppercase;color:#000000;margin:0 0 22px 0; border-bottom:solid 5px #e2007a; padding:0 0 18px 0; }
#f3 {line-height:25px; }
#f4 {display:inline-block;vertical-align:top;margin:24px 0 0 74px; }
#fmenu{border-top:solid 1px #c7cbcd;padding:16px 32px 16px 16px;}#fmenu ul,#fmenu li{list-style:none;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; padding:0px 15px; text-decoration:none; margin:0 0px 0 0;font-size:15px;color:#171a1f;border-right:solid 1px #171a1f;} #fmenu li:last-child a {border:none;}  #fmenu li.active a,#fmenu li a:hover {}
#copy {float:right; }

#menutrig, #slogo {display:none;}

.box3col {width:33.3%;float:left;}
.box3colInner {margin-right:20px;}

.box2col {width:50%;float:left;}
.box2colInner {margin-right:20px;}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

body.bPage #maincontent ul {
    margin: 20px 0;
}

body.bPage #maincontent ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
}

body.bPage #maincontent ul li::before {
    content: "";
    border: solid currentColor;
    border-width: 0 .15em .15em 0;
    display: inline-block;
    padding: .22em;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 5px;
    color: #e2007a;
}

table.prices {
    width: 100%;
}

table.prices td {
    width: 35%;
	padding:10px;
	background: #eee;
}

table.prices td.price {
    width: 15% !important;
    text-align: right;
	background: #ddd !important;
	padding-right: 15px !important;
}


table { /* Styling der Tabelle */ }

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

@media screen and (max-width:1240px) {
    #wrapper {width:980px; }
    .cycle-slideshow img {width:100%;height:auto; }
    #menu li a {padding:32px 12px 22px 12px; margin:0 8px;  }
    #footer {padding:32px 16px; }
    #f1 ul {margin:0 32px 0 0; }
    #f2 {margin:0 32px 0 0;}
    #f4 {margin:24px 0 0 16px; }
}
@media screen and (max-width:1004px) {
    body {font-size:16px; }
    #wrapper {width:740px; }
    #menu li a {font-size:22px; padding:16px 8px 16px 8px; margin:0 4px; }
    #menu li li a {font-size:22px; }
    h1 {font-size:30px;}h2 {font-size:24px;}h3 {font-size:20px;}h4 {font-size:16px;}h5 {font-size:14px;}h6 {font-size:12px;}
    #f1 {display:none;}
    #f2 {}
    #f4 {margin:24px 0 0 44px; }
    .box {width:calc(25% - 20px - 32px); padding:16px 16px 44px 16px; font-size:16px; } .box p {line-height:20px; } .box h3 {font-size:24px; }
	.cycle-slideshow, .cycle-slide {min-height:0;}
}
@media screen and (max-width:767px){
    #wrapper {width:100%;}
    #copy, #menu ul {display:none;}#fmenu {text-align:center;}
    #slogo {display:block;width:125px;height:63px;background:url(../images/Slogo.png) no-repeat; background-size:125px 63px; margin:12px 0 12px 12px; }
    #menutrig {float:right;display:inline-block;margin:12px 12px 0 0px;font-size:36px;position: relative;padding-left: 1.1em;height:36px; }
    #menutrig:before {content: "";position: absolute;left: 0;top: 0.25em;width: 0.9em;height: 0.15em;background: #e2007a;box-shadow: 0 0.25em 0 0 #e2007a, 0 0.5em 0 0 #e2007a;}
    #menutrig span {font-size:24px;top:-4px;position:relative;  }
    #footer {padding:12px; }
    #f2,#f3 {display:block;width:auto;margin:0 0 12px 0; }
    #f2 h4, #f3 h4 {margin:0 0 8px 0; padding:0 0 2px 0; }
    #f4 {text-align:center;margin:0; }
    #maincontent {padding:12px; }
    #menu ul {text-align:left;background: #dbe2e6;}
    #menu ul li {display:block; padding:0; }
    #menu li a {font-family:'H47', sans-serif; font-size:22px; font-weight:normal;color:#000 !important; margin:0;padding:4px 12px 4px 30px;text-align:left;border-bottom:solid 1px #bac0c4;background:url(../images/arr.png) no-repeat 12px center; }
    #menu li:hover ul { display:block; background:#dbe2e6;padding:0;}
    #menu ul ul {position:inherit;display:block;}
    #menu li li a {background:url(../images/arr.png) no-repeat 24px center; padding:4px 12px 4px 42px;font-size:20px; }
    h1 {font-size:24px;}h2 {font-size:20px;}h3 {font-size:18px;}h4 {font-size:16px;}h5 {font-size:14px;}h6 {font-size:12px;}
    #boxes {margin:12px 0; }
    .box {display:block; width:auto;margin:0 0 12px 0; min-height:inherit; padding:12px;  }
    .mehr {position:inherit; display:inline-block; bottom:auto;right:auto;  }
	.box2col {
    width: 100%;
}
.box2colInner {
    margin-right: 0;
}
}

@media screen and (max-width:620px){
.box3col {
    width: 100%;
    float: left;
}
}

/* === Salon da Greco: Termin-Hinweis & Anruf-Button === */
.dg-termin {
  max-width: 640px;
  margin: 20px auto 24px;
  padding: 16px 20px 18px;
  border: 2px solid #e2007a;
  border-radius: 6px;
  background: #fff;
  color: #475258;
  text-align: center;
}
.dg-termin h2 {
  font-family: 'H77', 'Helvetica Neue', Arial, sans-serif;
  font-size: 22px;
  line-height: 1.15;
  color: #e2007a;
  margin: 0 0 8px;
}
.dg-termin p {
  font-family: 'H47', 'Helvetica Neue', Arial, sans-serif;
  font-size: inherit;
  line-height: 1.5;
  margin: 0 auto;
}
.dg-termin .dg-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}
.dg-termin .dg-btn {
  display: inline-block;
  min-width: 160px;
  padding: 9px 18px;
  border-radius: 4px;
  font-family: 'H57', 'Helvetica Neue', Arial, sans-serif;
  font-size: inherit;
  text-decoration: none;
  border: 2px solid #e2007a;
}
.dg-termin .dg-btn-call { background: #e2007a; color: #fff; }
.dg-termin .dg-btn-call:hover { background: #c1005f; border-color: #c1005f; }
.dg-termin a:focus-visible { outline: 3px solid #475258; outline-offset: 3px; }

@media (max-width: 700px) {
  .dg-termin { margin: 14px 12px 18px; padding: 14px 14px 16px; }
  .dg-termin h2 { font-size: 20px; }
  .dg-termin .dg-btn { min-width: 0; width: 100%; box-sizing: border-box; }
}