@charset "utf-8";
/* CSS Document */

/*###########################_AUSBLENDEN_########################################*/
.logo 
.awesomplete, 
#sp-header, 
html.coming-soon #coming-soon-countdown, 
h1.coming-soon-title,
.col-lg-8 {
  visibility: hidden;
  display: none !important;
  width: 0px !important;
  height: 0px !important;
}

@media screen and (max-width: 700px){
.hidden-phone {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
}
}

@media screen and (min-width: 701px){
.phone {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
}
}

nav.sp-megamenu-wrapper, d-flex {visibility: hidden !important; display: none !important; width: 0px !important; height: 0px !important; padding: 0px !important; margin: 0px !important;}

/*###################################################################*/

body {
  font-family: Arial,sans-serif !important;
  font-size: 14px !important;
  color: #000616 !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em !important;
  line-height: 1.1em !important;
  padding-bottom: 0px !important;
  height: 100% !important;
  background-image: url("/images/pics/marmor_.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: 100% 100% !important;
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor !important;
  border-top: 1px dotted !important;
  opacity: 1 !important;
}
/*###################################################################*/
/*###################################################################*/
#sp-main-body,
#sp-torten,
#sp-party-service {
  width: 100% !important;
	max-width: 1320px !important;
	margin: 0px auto !important;
	padding: 0px !important;
}

section#sp-section-1 {
  background-color: #FFFFFF !important;
}

#sp-copyright {
  border-top: 1px dotted rgba(255,255,255, 0.5);
}

#sp-main-body {
  margin: 0px auto 1px auto!important;
}

#sp-main-body div.container {
  padding: 0px !important;
}

@media screen and (max-width: 701px){
section#sp-menu {
  padding: 1.5% 15px !important;
}
}

@media screen and (max-width: 701px){
#sp-main-body div.container,
#sp-torten div.container 
#sp-party-service div.container  {
  padding-left: 15px!important;
  padding-right: 15px!important;
  width: 100%!important;
}
}

#sp-party-service {
  border: 1px solid rgba(0,6,22, 0.5);
}


#sp-footer1 {
display: block !important;
  margin: 0px auto !important;
  position: relative !important;
  box-sizing: border-box;
  padding: 0px !important;
  overflow: hidden !important;
  top: 0px !important;
  background-image: url("/images/pics/HG_SCHiEFER.jpg");
  background-repeat: no-repeat !important;
  background-size: cover;
  background-attachment: fixed;
  background-position: 100% 100%;
	-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.125);
	-webkit-box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
	box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
  border: 1px solid rgba(0,6,22, 0.5) !important;
}


#sp-footer2 {
  display: block;
  background-color: rgba(255,255,255, 0.85) !important;
  margin: 0px auto !important;
  padding: 3% !important;
  overflow: hidden !important;
	-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.125);
	-webkit-box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
	box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
  border: 1px solid rgba(0,6,22, 0.5) !important;
}

.container {
  padding: 0px !important;
  width: 100% !important;
  overflow: hidden !important;
}

/*###################################################################*/
/*###################################################################*/
a {
  font-weight: 400 !important;
}

/*###############################################################################*/
.hg_sk img {
	border-radius: 3px;
	border: 1px solid rgba(0,6,22, .5);
}

.vs {
opacity: 1 !important;
  -webkit-transition: all 1.5s ease !important;
  -moz-transition: all 1.5s ease !important;
  transition: all 1.5s ease !important;
}

.vs {
  display: inline-block;
  margin: 0.5% 0.5% 1.5% 0.5%;
}

.vs:hover {
	transition: color 800ms, background-color 800ms !important;
    -webkit-filter: brightness(1.125);
    filter: brightness(1.125);
  -webkit-transition: all 1.5s ease !important;
  -moz-transition: all 1.5s ease !important;
  transition: all 1.5s ease !important;
-moz-box-shadow: 0px 0px 11px rgba(0,6,22, 0.5);
-webkit-box-shadow: 0px 0px 11px rgba(0,6,22, 0.5);
box-shadow: 0px 0px 11px rgba(0,6,22, 0.5);
	border: 1px solid rgba(0,6,22, .75);
}

/*###############################################################################*/

@media screen and (max-width: 700px){
.text  {
  font-size: 0.9em !important;
  line-height: 1.125em !important;
}
}

center {margin: 0px auto !important;}

.iCON {display: inline !important; padding-right: 11px !important; max-width: 33px !important;}

.case-iCON {
  background-color: #000616;
  border-radius: 9px;
  margin: 3% auto;
  max-width: 111px;
-webkit-transition: all 2.5s ease;
-moz-transition: all 2.5s ease;
transition: all 2.5s ease;
}

.case-iCON:hover {
  background-color: #c20e1a;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}

.article-details {
  display: block;
  margin: 1px auto !important;
  width: 100%;
  max-width: 1320px !important;
  padding: 3% !important;
  background-color: rgba(255,255,255, 0.85) !important;
  border: 1px solid rgba(0,6,22, .5) !important;
  overflow: hidden !important;
	-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.125);
	-webkit-box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
	box-shadow:  0px 0px 22px rgba(0,6,22, 0.125);
}

.opa {
  opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}


.opa:hover, a.opacity:hover {
  opacity: 1 !important;
filter: alpha(opacity=50);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;
}

/*#########################_ÜBERSCHRiFTEN_###########################*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1.25em;
  font-weight: 400 !important;
  letter-spacing: 0.1em;
  padding-bottom: 9px !important;
  border-bottom: 1px dotted rgba(0,6,22, .75) !important;
  margin: 3% auto;
  text-align: left;
}


@media screen and (max-width: 700px){
h1, h2, h3, h4, h5, h6  {
  font-size: 1.125em !important;
  letter-spacing: 0,005em !important;
  padding-bottom: 11px;
  border-bottom: 1px dotted rgba(0,6,22, 0.5);
}
}

.mm {font-size: 1.125em; letter-spacing: 0.15em; font-weight: normal !important;}

small, .small{
  font-size: 0.75em !important;
  line-height: 0.9em !important;
}


#small {
  font-size: 0.9em !important;
  line-height: 1.1em !important;
  letter-spacing: 0.05em;
}

address {
  width: auto !important;
  display: inline-block !important;
  margin: 0px;
  padding: 0px;
}


/*#######################_HEADER_################################*/
#header_ {
  display: block;
  margin: 6% auto;
  background-color: rgba(13, 27, 29, .55);
  padding: 1%;
  /*width: 80%;*/
  max-width: 292px;
  color: #FFFFFF;
  border: 1px solid #000616;
  position: relative!important;

-moz-box-shadow: 0px 0px 111px rgba(255,255,255, 1);
-webkit-box-shadow: 0px 0px 111px rgba(255,255,255, 1);
box-shadow: 0px 0px 111px rgba(255,255,255, 1);
}

/*
@media screen and (max-width: 700px) {
#header_  {
  padding: 6%;
  font-size: 70%!important;
}
}*/

z12_ {
  font-size: 1.15em;
  line-height: 1.125em;
  letter-spacing: 0.07em;
  text-align: center;
  min-width: 100%;
  display: block;
  margin: 3% auto;
}


z12 {
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: 0.025em;
  text-align: center;
  min-width: 100%;
  display: block;
  margin: 0px auto;
}

z13 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.025em;
  min-width: 100%;
  display: block;
  padding: 6% 0px;
}

z14 {
  font-size: 0.85em;
  line-height: 1.125em!important;
  letter-spacing: 0.125em!important;
  display: block;
  padding: 1% 1.5%;
  width: 66%!important;
  max-width: 292px;
  margin: 0px auto;
  text-align: justify;
  border-radius: 6px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

zred {
  font-size: 1em;
  line-height: 1.125em!important;
  letter-spacing: 0.125em!important;
  display: block;
  padding: 1% 1.5%;
  margin: 0px auto;
  text-align: justify;
}

z, z2, z3 {font-weight: 400 !important;}

/*############################_TOOLS_###############################*/
.cucina {
	font-size: 1.125em;
	letter-spacing: 0.05em;
	color: #c20e1a;
	line-height: 1em;
	padding-bottom: 22px;
  padding-top: 11px;
	text-align: center;
  font-weight: 300!important;
}


@media screen and (max-width: 500px) {
.cucina {
	font-size: 0.95em!important;
}
}

#UE {
  display: block;
  margin: 3% auto 9% auto;
  padding-bottom: 9px;
  border-bottom: 1px dotted rgba(255,255,255, 0.75);
}

/*section.SCHiEFER {
/*  display: flex; 
  margin: 0px auto; 
  box-sizing: border-box; 
  width: 88%; 
  max-width: 238px;
  justify-content: center;
  align-items: center;
  position: relative;
}*/

section.SCHiEFER img {
  display: block;
  margin: 18% auto;
  width: 100%;
  max-width: 232px;
  position: relative !important;
}

/*############################_TOP-SCROLLER_#########################*/

#sp-copyright a {
  color: #000616;
}

a.SCROLLER {
  text-decoration: none !important;
  outline: 0;
  width: 33px;
  height: 33px;
  display: block;
  /*position: fixed;
  bottom: 11px;
  right: 11px;
  background-image: url("/images/pics/Top-Scroller.svg") !important;
  background-color: #c20e1a !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-origin: 100% 100%;*/
  z-index: 5000;
  scroll-behavior: smooth !important;
  padding: 11px;
  border-radius: 100%;
  border: 2px solid #FFFFFF !important;
}

a.SCROLLER:hover {
  background-color: #000616 !important;
}

/*#########################_FOOTER_#####################################*/
#sp-footer, #sp-footer a:link, 
#sp-copyright, #sp-copyright a:link
{
  color: #FFFFFF !important;
}

#route {
  display: block;
  margin: 6% auto !important;
  width: 181px;
  padding: 6px 0.5%;
  border: 1px solid rgba(255,255,255, 0.25) !important;
  border-radius: 6px;
  color: #FFFFFF;
  background-color: rgba(255,255,255, 0.25);
  letter-spacing: 0.05em !important;

  opacity: 1 !important;
filter: alpha(opacity=50) !important;
-webkit-transition: all 1.5s ease !important;
-moz-transition: all 1.5s ease !important;
transition: all 1.5s ease !important;
}


#route:hover {
  opacity: 0.5;
filter: alpha(opacity=50) !important;
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
transition: all 1s ease !important;
  background-color: rgba(255,255,255, 0.5);
}


/*############################_SCROLLBAR_###############################*/

 /* width */
::-webkit-scrollbar {
  max-width: 6px!important;
  max-height: 11px!important;
}

/* Track */
::-webkit-scrollbar-track-piece {
  box-shadow: inset 0 0 5px grey;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c20e1a!important;
  max-height: 11px!important;
  border-radius: 6px;
} 

::-webkit-scrollbar-thumb:vertical {
  max-height: 11px!important;
  background: #c20e1a!important;
}


.scroller {
  overflow-y: scroll;
  scrollbar-color:  #c20e1a #000000!important;
}

/* Thin Scrollbar */
:root{
  scrollbar-color:  #c20e1a #000000!important;
  scrollbar-width: thin !important;
  border-radius: 6px!important;
}

/*############################_WHO_iS..._############################*/
.mod-whosonline {
  display: block;
  margin: 0px auto 44px auto;
  max-width: 98% !important;
  padding: 3%;
  background-color: #000000;
  font-size: 0.8em;
  letter-spacing: 0.005em;
  text-align: center;
}
/*###################################################################*/

/*##########################_TOP-MENU_###############################*/


div#maximenuck109 ul.maximenuck li.level1.parent > a::after, div#maximenuck109 ul.maximenuck li.level1.parent > span.separator::after {
	right: 22px !important;
}


div.floatck {
  padding: 0px !important;
  background-color: rgba(0,6,22, 0) !important;
}

div#maximenuck109 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck109 ul.maximenuck2 li.maximenuck {
	text-align: center !important;
	z-index: 11001;
	position: relative !important;
	float: none !important;
	list-style: none;
	display: block;
  /*margin-bottom: 3px !important;*/
  width: 100% !important;
}

li.maximenuck.level1 li.maximenuck > a {
  padding-top: 19px !important;
  
}

#maximenuck109 {
  display: block !important;
  margin: 0px 0px 0px 0px!important;
  padding: 22px 3% 22px 6px;
  background-color: rgba(0,6,22, 0) !important;
  text-align: center !important;
}

ul.maximenuck {
  margin: 0px auto !important;
  position: relative !important;
  right: 0px !important;
  left: auto !important;
  background-color: rgba(0,6,22, 0) !important;
}


div#maximenuck109 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck109 ul.maximenuck li.maximenuck.level1.active {
	background: rgba(0,0,0, 0) !important;
}


ul.maximenuck a:link {
  display: inline-block !important;
  color: #FFFFFF !important;
  background-color: #c20e1a !important;
  /*background-image: linear-gradient(41deg, rgba(255,255,255, 0.25) 22%, rgba(0,0,0, 0.5) 100%) !important;*/
  margin-left: 6px !important;
  margin-right: 6px !important;
  color: #FFFFFF !important;
}


div#maximenuck109 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, 
div#maximenuck109 ul.maximenuck li.maximenuck.level1.active > a span.titreck, 
div#maximenuck109 ul.maximenuck li.maximenuck.level1:hover > span.separator, 
div#maximenuck109 ul.maximenuck li.maximenuck.level1.active > span.separator {
  color: #FFFFFF !important;
  padding-bottom: 6px;
  /*border-bottom: 1px solid #FFFFFF;*/
}



@media screen and (max-width: 780px){
a.maximenuck {
  min-width: 95% !important;
  height: 55px !important;
  margin-top: 1.5%;
  letter-spacing: 0.005em !important;
}
}

/*
div#maximenuck109 .maximenumobiletogglericonck::after {
  border: 0px solid #000616 !important;
}*/


label.maximenumobiletogglericonck {
  background-color: rgba(0,0,0, 0) !important;
  /*background-image: linear-gradient(to right, #000000 82%, #FFFFFF 92%, #FFFFFF 97%, #000000 100%) !important;*/
  padding: 0px 10px 10px 10px !important;
  line-height: 0.25em !important;
  margin-bottom: 3%;
  cursor: pointer !important;
  /*width: 33px !important;*/
}

label:hover {color: #c20e1a !important;}
/*################################################################*/

/*#########################_BUTTONS-BOTTOM_##########################*/
a.scrolly {
box-sizing: content-box;
position: fixed;
right: 20px;
text-align: center;
bottom: 20px;
transition: all 0.05s linear 0s;
  
width: 12px!important;
height: 29px !important;
border: 2px solid #FFFFFF;
  
z-index: 1000;
top: inherit;
padding: 0px 9px;
background-color: #c20e1a !important;
border-radius: 100px;
transition: all 0.2s linear 0s;
cursor: pointer;
text-decoration: none !important;
scroll-behavior: smooth !important;
}

.scrolly a img {
  display: inline;
  max-width: 11px !important;
  opacity: 1 !important;
}

.scrolly:hover, 
.scrolly:active, 
.scrolly:focus {
	background: rgba(0,6,22, 0.75)!important;
}

/*################################################################*/
a.PHONE {
	box-sizing: content-box;
	position: fixed;
	left: 20px;
	text-align: center;
	bottom: 20px;
	transition: all 0.05s linear 0s;
	width: 30px !important;
	height: 30px !important;
	z-index: 1000;
	top: inherit;
	padding: 0px;
	border: 2px solid #FFFFFF;
	background-color: #000616 !important;
	border-radius: 100px;
	transition: all 1.5s linear 0s;
	cursor: pointer;
	text-decoration: none !important;
}

a.PHONE:hover {
  background-color: #c20e1a !important;
  transition: all 0.5s linear 0s;
}
/*################################################################*/

/*#####################_SK-ARROW_###########################*/  

.case-ARROW {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  z-index: 30;
  text-align: center;
  margin: 0px auto 3% auto;
  width: 242px;
}
	

arrow {
  position: absolute;
  top: 0px;
  list-style: none;
  color: #000616;
  font-weight: 100;
  font-size: 1.25em;
	margin-top: -0.3em;
}

arrow:nth-child(1) {
  left: 5%;
  animation: simple1 1s linear infinite;
}

arrow:nth-child(2) {
  right: 5%;
  animation: simple 1s linear infinite;
}

		
@keyframes simple {
  50% {
    transform: translateX(25px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(25px);
    opacity: 0;
  }
}

@keyframes simple1 {
  50% {
    transform: translateX(-25px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(-25px);
    opacity: 0;
  }
}

/*########################_SK_####################################*/
.oel {
  display: block;
  margin: 6% auto 0px auto;
  width: 222px;
  font-size: 0.85em;
  text-align: justify;
  line-height: 1.1em;
}

.gericht {
    font-size: 1.25em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}

  .preis {
    display: inline;
	float: right;
	padding-left: 10px;
	font-size: 1.125em;
	right: 0px!important;
}


@media screen and (max-width: 780px) {
.gericht, .preis {
	font-size: 0.95em !important;
	line-height: 0.85em !important;
}
}

/*###################_MENU_##############################*/

#top {
  background-color: #000000!important;
  padding-top: 1%;
  padding-bottom: 1%;
}


#top_:hover {
    background-color: #c20e1a;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
    color: #FFF;
    border: 1px solid #c20e1a;
    border-radius: 14px;
}

#top_ {
    display: block;
    font-size: 0.85em;
    margin: 6% auto 12% auto;
    color: #20454a;
    max-height: 26px;
    max-width: 26px;
    border-radius: 14px;
    padding: 6px 4px 6px 4px;
    line-height: 1em;
    text-align: center;
    border: 1px solid #20454a;
    background-color: rgba(32,69,74, .075);
}


#ar-rruz47iv5 {
  background-color: #000000;
  color: #FFFFFF!important;
}

.sk, .sk_  {text-align: center !important;}
.sk {border-bottom: 0px solid rgba(0,0,0, 0) !important;}

.allerg {
  display: block;
  margin: 0px auto;
  box-sizing: border-box;
  padding: 3%;
  width: 272px;
  background-color: rgba(0,6,22, 0.125);
}


@media screen and (max-width: 780px) {
.allerg  {
	width: 100%;
}
}
/*################################################################*/
.footer-box { padding: 6%;}
/*################################################################*/
ul.mod-stats {
  margin-top: 3%;
  padding-top: 3% !important;
  border-top: 1px dotted rgba(255,255,255, 0.5) !important;
}

li.list-group-item {
  background-color: rgba(0,0,0, 0) !important;
  color: rgba(255,255,255, 1) !important;
  letter-spacing: 0.125em;
  max-width: 303px !important;
  text-align: center !important;
  margin: 0px auto !important;
}

.badge {
  display: block !important;
  float: none !important;
  font-size: 1.25em;
  letter-spacing: 0.125em;
  padding-top: 11px;
  font-weight: 400 !important;
}

.rounded-pill {
  border-radius: 0rem !important;
  background-color: rgba(0,0,0, 0) !important;
  color: rgba(255,255,255, 1) !important;
}
/*################################################################*/
.TERRASSE {
  display: block;
  margin: 0px auto;
  padding: 9% 6%;
}

.TERRASSE img {
  display: block !important; 
  width: 88%; 
  max-width: 404px;
-moz-box-shadow: 0px 0px 121px rgba(255,255,255, 0.75);
-webkit-box-shadow: 0px 0px 121px rgba(255,255,255, 0.75);
box-shadow: 0px 0px 121px rgba(255,255,255, 0.75);
  border-radius: 3px;
}
/*################################################################*/
.TORTE {
	display: block;
	margin: 2px auto 2px auto;
	box-sizing: border-box;
	padding: 6% 3% 6% 3% !important;
	overflow: hidden !important;
  color: #FFFFFF;
  width: 100%;
background-image: url("/images/pics/HG_SCHiEFER.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: 100% 100% !important;


border: 1px solid rgba(0,6,22, 0.5) !important;
-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.25);
-webkit-box-shadow: 0px 0px 22px rgba(0,6,22, 0.25);
box-shadow: 0px 0px 22px rgba(0,6,22, 0.25);
}


@media screen and (max-width: 701px) {
.TORTE {
  padding: 6% 6% 9% 9% !important;
  }
}

#BiLD {
	display: inline-block;
	margin: 0px 11px 24px 11px;
	box-sizing: border-box;
	/*width: 14.5%!important;*/
  width: 25%!important;
	height: auto!important;
	border: 1px solid rgba(0,6,22, 0.5) !important;
	padding: 0px !important;
-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
-webkit-box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
image-rendering: crisp-edges !important;
}



#BiLD img {
  width: 100%!important;
  padding: 0px !important;
  margin: 0px auto!important;
}

.big {
	/*width: 333px;*/
	-webkit-transition: all 1.5s linear;
	-moz-transition: all 1.5s linear;
	-ms-transition: all 1.5s linear;
	-o-transition: all 1.5s linear;
	transition: all 1.5s linear;
	position: relative;
	z-index: 5000 !important;
	-webkit-transition: all 1.75s linear;
	-moz-transition: all 1.75s linear;
	-ms-transition: all 1.75s linear;
	-o-transition: all 1.75s linear;
	transition: all 1.75s linear;
padding: 0px !important;
z-index: 100 !important;
}

.big:hover {
	-webkit-transform: scale(1.75);
	-moz-transform: scale(1.75);
	-ms-transform: scale(1.75);
	-o-transform: scale(1.75);
	transform: scale(1.75);
	-webkit-transition: all 0.75s linear;
	-moz-transition: all 0.75s linear;
	-ms-transition: all 0.75s linear;
	-o-transition: all 0.75s linear;
	transition: all 0.75s linear;
	image-rendering: crisp-edges !important;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	z-index: 5000000 !important;
  padding: 0px !important;
}


@media screen and (max-width: 701px) {
.big:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	cursor: -webkit-none;
	cursor: -moz-none;
	cursor: none;
  position: relative!important;
  padding: 0px !important;
  margin: 0px auto!important;
  }
}



@media screen and (max-width: 701px) {
#BiLD {
	width: 46% !important;
	height: auto;
	font-size: 0.7em !important;
	line-height: 1em !important;
	letter-spacing: 0.005em !important;
	margin: 3% 3% 0px 0px !important;
}
}
/*################################################################*/
.STAR {
  display: block; 
  margin: 0px 3% 0px auto; 
  width: 88px;
}

@media screen and (max-width: 701px) {
.STAR {
	width: 44px !important;
}
}
/*################################################################*/
#redim-cookiehint-modal {
	background-color: rgba(0,0,0, 0.85);
}

#redim-cookiehint {
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	max-width: 380px;
	background: #FFFFFF;
	padding: 3% 3% 2.5% 3%;
	border-radius: 3px;
-moz-box-shadow: 0px 0px 111px rgba(255,255,255, 0.75);
-webkit-box-shadow: 0px 0px 111px rgba(255,255,255, 0.75);
box-shadow: 0px 0px 111px rgba(255,255,255, 0.75);
}

#redim-cookiehint .cookiehead .headline::before {
  bottom: 0px !important;
}

@media screen and (max-width: 701px) {
#redim-cookiehint  {
  padding: 9% 6% 7.5% 6%; !important;
  font-size: 0.85em!important;
}
}

#redim-cookiehint .cookiecontent {
	font-size: 1em;
	line-height: 1.15em;
	color: #000616;
margin-bottom: 6% !important;
}

#cookiehintsubmit, #cookiehintsubmitno {
	background: #000616 !important;
	color: #FFFFFF !important;
}

#redim-cookiehint .cookiecontent {
	padding-bottom: 0px !important; 
}

#cookiehintsubmit:hover, #cookiehintsubmitno:hover {
	background: rgba(0,6,22, 0.5) !important;
	color: #FFFFFF !important;
}

#redim-cookiehint .cookiehead .headline {
  line-height: 1em;
  letter-spacing: 0.075em !important;
  font-weight: 400 !important;
  color: #000616 !important;
  font-size: 1.25em!important;
}


@media screen and (max-width: 701px) {
#redim-cookiehint .cookiehead .headline   {
  font-size: 1em;
}
}



#redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons button {
	font-size: 1em !important;
	line-height: 1em !important;
  font-weight: 500 !important;
	width: 151px !important;
  padding: 8px !important;
  margin: 6px auto !important;
letter-spacing: 0.075em !important;
  -webkit-transition: all 1.5s ease !important;
  -moz-transition: all 1.5s ease !important;
  transition: all 1.5s ease !important;
}

/*###################################################################################*/
.STAR {
animation-name: animation_rotate;
animation-timing-function: ease-in;
animation-duration: 3s; 
animation-iteration-count: infinite;
margin-top: 9px;
}


@keyframes animation_rotate {
  0% { opacity: 0.125;
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
filter: drop-shadow(0 0 3.5rem #FFFFFF);
}
  25% { opacity: 1; filter: drop-shadow(0 0 3.5rem #FFFFFF);}
  50% { opacity: 1; filter: drop-shadow(0 0 3.5rem #FFFFFF);}
  75% { opacity: 1; filter: drop-shadow(0 0 3.5rem #FFFFFF);}
  100% { opacity: 0.125; 
-moz-transform: rotate(55deg);
-ms-transform: rotate(55deg);
-o-transform: rotate(55deg);
-webkit-transform: rotate(55deg);
transform: rotate(55deg);
filter: drop-shadow(0 0 3.5rem #FFFFFF);}
}
/*###################################################################################*/
#redim-cookiehint .cookiehead .headline::before {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 5s; 
    animation-iteration-count: infinite;
  margin-top: 3px;
}


@keyframes animation_blink {
    0% { opacity: 1;}
    50% { opacity: 1;}
    100% { opacity: 1; -moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}    
}

/*################################################################*/
/*#maximenuck109 {
  border: 1px solid #000616 !important;
  max-width: 44px!important;
  background-color: #FFFFFF !important;
  margin: 0px 0px 0px auto !important;
  padding: 0px 0px 0px 0px !important;
}

div#maximenuck109 .maximenumobiletogglericonck::after {
  max-width: 22px!important;
  margin: 0px auto !important;
  padding: 0px 22px 0px 0px !important;
}*/
/*################################################################*/
/*
.gradient-border {
  /*--borderWidth: 1px;*/
 /* --borderwidth: 22px !important;
  background: #000616;
  position: relative;
  border-radius: var(--borderWidth);
  width: 100% !important;
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #a88369, #c20e1a, #b5504f, #ee63d5, #5073b8, #FFFFFF, #4d8c3f, #FFFFFF);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}*/
/*################################################################*/
canvas#canvas {
  display: block;
  box-sizing: border-box !important;
  background-image: url("/images/pics/luxury.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: 100% 100%;

/*overflow: hidden !important;*/

  height: auto;
  width: 100%; 
  max-width: 1320px !important;
  margin: 3% auto;
  /*padding: 3%;*/
  position: relative;
box-shadow: 3px 3px 6px hsla(77,15%,25%, 0.75) inset!important;
  border: 1px solid rgba(0,6,22, 0.5);
}
	
#case_new {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  left: 50% !important;
  top: calc(50% - 181px) !important;
  transform: translateX(-50%) !important;
	color: #FFFFFF;
	font-size: 1.125em;
	font-weight: 200;
	letter-spacing: 0.05em;
	position: absolute;
  padding:  3%;
	text-align: justify;
	width: 505px;
	max-width: 77%;
height: 343px;
background-color: rgba(0,0,0, 0.5);
border: 1px solid rgba(0,6,22, 0.75);
	line-height: 1.125em;
	z-index: 200;
  -moz-box-shadow: 0px 0px 88px rgba(211, 45, 66, 1);
-webkit-box-shadow: 0px 0px 88px rgba(211, 45, 66, 1);
box-shadow: 0px 0px 88px rgba(211, 45, 66, 1);
}


@media screen and (max-width : 481px ){
#case_new {
  margin: 44px auto 22px auto !important;
  padding: 9%!important;
  font-size: 0.9em;
  line-height: 1.1em;
  height: 242px !important;
  -moz-box-shadow: 0px 0px 22px rgba(211, 45, 66, 0.75) !important;
-webkit-box-shadow: 0px 0px 22px rgba(211, 45, 66, 0.75) !important;
box-shadow: 0px 0px 22px rgba(211, 45, 66, 0.75) !important;
}
}

@media screen and (max-width : 320px ){
#case_new {
  margin: 22px auto 0px auto !important;
  height: 282px !important;
  font-size: 0.85em !important;
}
}

@media screen and (max-width : 481px ){
canvas#canvas {
  height: 333px !important;
  padding: 0px !important;
}
}
/*################################################################*/
.SYLVESTER {
  background-image: url("/images/pics/HG_SYLVESTER.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  background-position: 12.5% 12.5% !important;
  margin: 0px auto 3% auto;
  padding: 6%;
  width: 100%;
  max-width: 1320px !important;
-moz-box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
-webkit-box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
box-shadow: 0px 0px 22px rgba(0,6,22, 0.5);
border: 2px solid #f0d7c7;
}

@media screen and (max-width: 500px){
.SYLVESTER  {
  background-position: 50% 50% !important;
}
}

.CASE_SYL {
  display: block; 
  width: 100%; 
  max-width: 414px; 
  margin: 3% auto 0px auto; 
  background-color: rgba(0,0,0, 0.75); 
  color: #f0d7c7; 
  border: 1px groove #f0d7c7;
  padding: 3%; 
  font-size: 1em; 
  text-align: justify; 
  line-height: 1.125em;
  letter-spacing: 0.1em;
-moz-box-shadow: 0px 0px 66px rgba(240, 215, 199, 0.75);
-webkit-box-shadow: 0px 0px 66px rgba(240, 215, 199, 0.75);
box-shadow: 0px 0px 66px rgba(240, 215, 199, 0.75);
}

@media screen and (max-width: 500px){
.CASE_SYL  {
  font-size: 0.9em !important;
  padding: 6% !important;
  max-width: 80% !important;
  margin: 6% auto 9% auto !important;
}
}

.TOP-NEWS {
display: block; 
margin: 0px auto -2px auto;
text-align: center !important;
font-size: 1.05em !important;
background-color: #000000;
color: #f0d7c7;
width: 181px;
padding: 11px;
line-height: 1.1em;
letter-spacing: 0.15em !important;
z-index: 50 !important;
position: relative !important;
-moz-box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
-webkit-box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
 
border-left: 2px solid #f0d7c7;
border-top: 2px solid #f0d7c7;
border-right: 2px solid #f0d7c7;
  
-webkit-border-radius: 9px 9px 0px 0px;
-moz-border-radius: 9px 9px 0px 0px;
border-radius: 9px 9px 0px 0px;
}

@media screen and (max-width: 500px){
.TOP-NEWS  {
-webkit-transform: scale(0.75)!important;
-moz-transform: scale(0.75)!important;
-ms-transform: scale(0.75)!important;
-o-transform: scale(0.75)!important;
transform: scale(0.75)!important;
margin: 0px auto -8px auto !important;
font-weight: 600 !important;
}
}
/*################################################################*/
.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 0.75s; 
    animation-iteration-count: infinite;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0;}
    100% { opacity: 1; }    
}
/*################################################################*/
.shadow2 {
  -moz-box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
  box-shadow: 0px 0px 22px rgba(0,0,0, 0.25);
  border: 1px solid #000616;
}
/*################################################################*/
#FAQ-UE {
	display: inline-block !important;
	padding: 0px 11px !important;
	margin: 22px auto 0px auto !important;
	letter-spacing: 0.005em !important;
	color: #b2242a !important;
	font-size: 6.5em !important;
	font-weight: bold !important;
	line-height: 1em !important;
	animation: turner 3.5s infinite linear;
	text-shadow: 0px -2px 1px #000000, 0px 1px 1px rgba(255,255,255, 0.25) !important;
}

@keyframes turner{
0% {
  transform: perspective(300px) rotateY(0deg);
}
25% {
  transform: perspective(300px) rotateY(90deg);
}
50% {
  transform: perspective(300px) rotateY(180deg);
}
75% {
  transform: perspective(300px) rotateY(270deg);
}
100% {
  transform: perspective(300px) rotateY(360deg);
}
}

/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
/*###################################################################*/
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
/*###################################################################*/