/* calltoactionbutton */
div#calltoactionbutton				{ position:absolute; bottom:100px;   margin: 0;   letter-spacing:1px;    right:0;	width: 140px;	min-height: 130px;  display: none; z-index:99;}
div#calltoactionbutton	 img {  padding-bottom: 20px;   transition: all 0.4s ease; max-width: 75px; height: auto;}
div#calltoactionbutton	 img:hover		{  transform: scale(1.1);}

@media screen and (min-width: 768px){
	div#calltoactionbutton {display: block;}
}
@media screen and (min-width: 1200px){
	div#calltoactionbutton				{ position:fixed;}
	div#calltoactionbutton	 img {   max-width: 105px; height: auto;}
}

/* header */
div#header		{ position:absolute; width:100%; text-align:center; 	z-index:1700;	padding: 0; margin: 0px 0 20px 0 ; padding-top: 20px;
background: linear-gradient(rgba(0,0,0,0.9) 0%,  rgba(0,0,0,0) 100%); }
div#header_wrap			{	position:relative; width:100%; max-width:calc((100vw  / 16)*15); padding-left: 0;  margin:0 auto; display: flex;	justify-content: space-between; z-index:1;		}
div#header.fixed { position:fixed;  background: #3B4C47;  height: 60px; box-shadow:10px 10px 50px 5px rgba(0,0,0,0.4);  padding-top: 20px;}
div#header.detail { background: #3B4C47;  height: 60px; box-shadow:10px 10px 50px 5px  rgba(0,0,0,0.4); padding-top: 20px; }

/* Logo */
div#logo	{  margin: 0; padding:0;  text-align:left; 	-moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;}
div#logo_wrap 	{  transition: all 0.4s ease; margin-left: 10px;  }
div#logo img	 { width:auto; height:23px; max-height:23px; transition-duration: 1s; margin-top: 6px; }
div#logo img:hover {transform: scale(1.1);}
/*	 Logo fixed ab 100px */

div#logo.fixed img	{ width:auto; height:23px; max-height:23px;   }
div#logo.detail img	{ width:auto; height:23px; max-height:23px;   }

@media screen and (min-width: 768px){
	div#header		{  padding-top: 60px; }
	div#header_wrap			{	 max-width:calc((100vw  / 16)*14); 	}

	div#logo img	 { width:auto; height:30px; max-height:30px; transition-duration: 0.5s; }
	/*	 Logo fixed ab 100px */
	div#logo.fixed 		{top:15px;  }
	div#logo.fixed img	{ width:auto; height:30px; max-height:30px;   }

	div#logo.detail 	{top:15px;  }
	div#logo.detail img	{ width:auto; height:30px; max-height:30px;   }
}


/* MAINMENU */
div#pretopmenu	{    position: fixed; display: flex;  top: 20px; right: 0;    margin: 0 auto;     transition: all 0.4s ease;    color: white; z-index: 2022; cursor: pointer; align-items: center;}

div#pretopmenu .open {display: block; -webkit-animation: fadeinout 1s linear forwards;	animation: fadeinout 1s linear forwards; text-align: center; }
div#pretopmenu .open img,  div#pretopmenu .closex img{ height: 20px; transition: all 0.4s ease;}
div#pretopmenu .open img:hover,  div#pretopmenu .closex img:hover{transform: scale(1.1);}
div#pretopmenu .open.false {display: none; }
div#pretopmenu .closex {display: none; }
div#pretopmenu .closex.true {display: block; -webkit-animation: fadeinout 1s linear forwards;	animation: fadeinout 1s linear forwards;}

div#pretopmenu  a.langmenu  {color: #FFFFFF;	text-decoration: none;	text-transform: uppercase;
	font-size: 14px;	padding: 0 10px; font-weight: 600; letter-spacing: 1px;}
div#pretopmenu  a.langmenu:hover  {color: #77ABA2;}
div#pretopmenu .dropdown-toggle {	white-space: nowrap;}
div#pretopmenu .dropdown-toggle::after {	display: inline-block;	margin-left: 0.255em;	vertical-align: -2px;	content: url("/fileadmin/user_upload/Icon/arrow-down_01.svg");	border: 0;}
div#pretopmenu .dropdown-toggle:hover:after { transition: 0.5s ease-in-out; content: url("/fileadmin/user_upload/Icon/arrow-down-g.svg");}

div#pretopmenu .dropdown-toggle:empty::after {	margin-left: 0;}
div#pretopmenu .dropdown-menu {	min-width: 70px;	padding:0;	margin: 0;	font-size: 1rem;	color: white;		background-color:transparent;	background-clip: padding-box;	border: 0 solid rgba(0, 0, 0, 0.15);
	border-radius: 0;	box-shadow: none;}
div#pretopmenu .dropdown-item {	padding: 0 0 0 11px; font-weight:600; letter-spacing: 1px;	color: white; font-size: 14px;	background-color: transparent;	border: 0;}
div#pretopmenu a.dropdown-item:hover { color: #77ABA2; }

div#pretopmenu .mainmenu { display: none;}
div#pretopmenu .mainmenu a  {	color: #FFFFFF;	font-weight: 500;	text-decoration: none;	text-transform: uppercase;
	font-size: 14px;	padding: 0 10px;}
div#pretopmenu .accordion-button-icon1, div#pretopmenu .accordion-button-icon0{	display: inline; vertical-align: -1px;}

div#pretopmenu .accordion-button-icon0:hover {content: url("/fileadmin/user_upload/Icon/Icon-1-g.svg");}
div#pretopmenu .accordion-button-icon1:hover {content: url("/fileadmin/user_upload/Icon/Icon-2-g.svg");}
div#pretopmenu .accordion-button-icon2:hover {content: url("/fileadmin/user_upload/Icon/Icon-3-g.svg");}

div#pretopmenu	span.open, div#pretopmenu span.closex{     color: #FFFFFF;	font-weight: 500;	text-decoration: none;	text-transform: uppercase;
	font-size: 14px;	padding: 0 10px;;    }


div#pretopmenu.fixed { top: 20px;}
div#pretopmenu.fixed  a.langmenu {color: white;}
div#pretopmenu.fixed .mainmenu a {color: white;}
div#pretopmenu.fixed span.open {color: white;}

div#pretopmenu.detail { top: 20px;}
div#pretopmenu.detail  a.langmenu {color: white;}
div#pretopmenu.detail .mainmenu a {color: white;}
div#pretopmenu.detail span.open {color: white;}
div#pretopmenu.detail img.accordion-button-icon1 {content: url("/fileadmin/user_upload/Icon/1.svg");}
div#pretopmenu.detail img.accordion-button-icon0 {content: url("/fileadmin/user_upload/Icon/0.svg");}
div#pretopmenu.detail  .open img {content: url("/fileadmin/user_upload/Icon/burger1.svg");}


div#pretopmenu.true .dropdown-toggle::after {		content: url("/fileadmin/user_upload/Icon/arrow-down_01.svg");	}
div#pretopmenu.true  a.langmenu {color: white;}
div#pretopmenu.true .mainmenu a {color: white;}
div#pretopmenu.true span.closex {color: white;}



@media screen and (min-width: 992px) {
	div#pretopmenu	{     right: calc((100vw  / 16)*1);		top: 60px;   }
	div#pretopmenu .open img,  div#pretopmenu .closex img {height: 30px;  }

	div#pretopmenu.fixed .open img,  div#pretopmenu.fixed .closex img{height: 30px; }
	div#pretopmenu.fixed .closex.true img{height: 30px;}

	div#pretopmenu.detail .open img,  div#pretopmenu.detail .closex img{height: 30px; }
	div#pretopmenu.detail .closex.true img{height: 30px;}

	div#pretopmenu a.langmenu  { font-size: 20px;	}
	div#pretopmenu .dropdown-item {	 font-size: 20px;}

	div#pretopmenu	span.open, div#pretopmenu span.closex{ font-size: 20px; margin-left: 12px;	}
	div#pretopmenu .bookmenu {margin-right: 20px;}

	div#pretopmenu .mainmenu a {	font-size: 20px;	}
	div#pretopmenu .mainmenu {		display: flex; align-items: center;		}
}


/* Footer navigation menu */
#mobilfootermenu  { text-align: center; position: fixed; right: 0;  margin:0 auto;  background-color: #3B4C47;  transition: .3s ease-in-out;  width: 100%; height: 50px; opacity: 0; bottom: 0; padding: 0 10px; display: none; z-index:180; }
#mobilfootermenu.visible {	display: block;	-webkit-animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
#mobilfootermenu .mobilfootermenubutton {display: flex;  justify-content: space-between;}
#mobilfootermenu .mobilfootermenubutton a {padding: 6px 10px;  margin-top: 10px;}
#mobilfootermenu .mobilfootermenubutton img  { height: 30px; width: auto;}
#mobilfootermenu .open {margin-top: 10px; display: block; -webkit-animation: fadeinout 1s linear forwards;	animation: fadeinout 1s linear forwards; text-align: center; cursor: pointer; }
#mobilfootermenu .open img { height: 30px; transition: all 0.4s ease;}
#mobilfootermenu .open img:hover {transform: scale(1.1);}
#mobilfootermenu  span.open {     color: white;	font-weight: 500;	text-decoration: none;	text-transform: uppercase;	font-size: 14px;	padding: 0 10px;;    }

@media screen and (min-width: 992px) {
	#mobilfootermenu  { display: none;}
	#mobilfootermenu.visible  { display: none;}
}

p.opennavfooter {border-bottom: 1px solid #FFFFFF; padding: 30px 0 10px  30px; column-count: 1; }
p.opennavfooter a.opennavfootertel{margin-right: 20px; color: white; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
p.opennavfooter a.opennavfootertel:hover { color: #77ABA2; }

@media screen and (min-width: 992px) {
	p.opennavfooter { column-count: 2; padding: 50px 0 10px  50px; }
	p.opennavfooter a.opennavfootertel{margin-right: 40px; }
}

/* The side navigation menu */
/* MAINMENU */

#myRoseNav.sidenav {	height: 100%;	width: 100%;  position: fixed; z-index: 1600; 	 top: -100%;	background: #3B4C47;	overflow-x: hidden; padding-top: 0; transition: 1s;	-webkit-box-shadow: 0 4px 20px 3px rgba(112,112,112,0.5);	box-shadow: 0 4px 20px 3px rgba(112,112,112,0.5);}
#myRoseNav.sidenav .menuMain {display: none;}
#myRoseNav.sidenav .logo img{ max-height: 84px; width: auto;}

@media screen and (min-width: 992px) {
	#myRoseNav.sidenav .menuMain {display: flex; justify-content: center; flex-direction: column;}
	#myRoseNav.sidenav .logo img{ max-height: 325px;}

}

.sky-tabs,.sky-tabs * {	margin: 0;	padding: 0;	outline: none;	border: 0;	background: none;}
.sky-tabs {	position: relative;		font-size: 0;	}
.sky-tabs > input {	position: absolute;	display: none;}
.sky-tabs > label {	position: relative;	z-index: 1;	display: inline-block;	box-sizing: border-box;	-moz-box-sizing: border-box; padding: 0 1px 1px 0; cursor: pointer;}
.sky-tabs > label.inverse {	float: right;	padding-right: 0;	padding-left: 1px;}
.sky-tabs > label.disabled {	cursor: default;}
.sky-tabs > label span {	display: block;	}
.sky-tabs > label span span {	padding: 0;	background: transparent; transition: background 0.4s, color 0.4s;
	font-size: 40px; color: #FFFFFF; font-weight: 500; font-family: 'monarcha', sans-serif; line-height: 80px; text-transform: none; font-style: italic;  	}
.sky-tabs > label span a { text-decoration: none;}
.sky-tabs > input:checked + label {	cursor: default;}
.sky-tabs > .switcher {	display: none;}
.sky-tabs > .switcher a {	display: block;	margin: 0 -20px;	padding: 0 20px;	text-decoration: none;	color: inherit;}
.sky-tabs > ul {	list-style: none;	position: relative;	display: block;	font-size: 20px;color: #FFFFFF; font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 45px; }
.sky-tabs > ul > li {	position: absolute;	top: 0;	left: 0;	width: 100%;	overflow: auto;	padding: 20px 25px 25px 120px;
	box-sizing: border-box;	-moz-box-sizing: border-box;
	opacity: 0;	-o-transform-origin: 0% 0%;	-ms-transform-origin: 0% 0%;	-moz-transform-origin: 0% 0%;	-webkit-transform-origin: 0% 0%;
	-o-transition: opacity 0.8s, -o-transform 0.8s;	-ms-transition: opacity 0.8s, -ms-transform 0.8s;	-moz-transition: opacity 0.8s, -moz-transform 0.8s;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}
.sky-tabs > ul > li a{ text-decoration:none; color: #FFFFFF; font-size: 20px;	font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 45px; text-transform: uppercase; transition: 0.2s ease-in-out;}
.sky-tabs > ul > li a:hover { color: #77ABA2;  }
.sky-tabs > ul > li:before  {	content: " ";		display: block;		border-bottom: 1px solid #FFFFFF;	width: 120px;	height: 30px;	top: 15px;	left:10px;
	position: absolute;	display: inline-block;}
.sky-tabs > label span span:hover {color: #77ABA2; background: transparent url("/fileadmin/user_upload/Icon/opennavbefore.svg") no-repeat top left; background-size: 80px;  }



.sky-tabs > .sky-tab-content-0:checked ~ ul > .sky-tab-content-0,
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {	position: relative;	z-index: 1;	opacity: 1;}
.sky-tabs-pos-left > label {	display: block;	width: 50%;	float: left;	clear: left;	margin-right: 0; transform: translateX(0%);}
.sky-tabs-pos-left > ul {	margin-left: 50%; }
.sky-tabs-anim-slide-left > ul > li {	-o-transform: translateX(-15%);	-ms-transform: translateX(-15%);	-moz-transform: translateX(-15%);
	-webkit-transform: translateX(-15%);
}
.sky-tabs > .sky-tab-content-0:checked ~ ul > .sky-tab-content-0,
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
	-o-transform: translate(0,0);	-ms-transform: translate(0,0);	-moz-transform: translate(0,0);	-webkit-transform: translate(0,0);}
.sky-tabs-anim-scale > ul > li {	-o-transform: scale(0.1,0.1);	-ms-transform: scale(0.1,0.1);	-moz-transform: scale(0.1,0.1);	-webkit-transform: scale(0.1,0.1);}

.sky-tabs-anim-scale > .sky-tab-content-0:checked ~ ul > .sky-tab-content-0,
.sky-tabs-anim-scale > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-scale > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-scale > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-scale > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-scale > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-scale > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-scale > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-scale > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-scale > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {	-o-transform: scale(1,1);	-ms-transform: scale(1,1);	-moz-transform: scale(1,1);	-webkit-transform: scale(1,1);}

@media screen and (min-width: 992px) {
	.sky-tabs > label span span:hover { background-size: 70px;  }
	.sky-tabs > label span span {	padding: 0;	background: transparent; transition: background 0.4s, color 0.4s;
		font-size: 60px; color: #FFFFFF; font-weight: 500; font-family: 'monarcha', sans-serif; line-height: 80px; text-transform: lowercase; font-style: italic;	padding-left: 70px;}
	.sky-tabs > ul > li a{ text-decoration:none; color: #FFFFFF; font-size: 20px;	font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 40px; text-transform: uppercase; letter-spacing: 1px;}
	.sky-tabs > ul > li:before  {	content: " ";		border-bottom: 0 solid #FFFFFF;	width: 1px;	height: 30px;	top: 15px;	left:10px;
		position: absolute;	display: inline-block;}
	.sky-tabs > ul > li.sky-tab-content-0 { top: 0px;}
	.sky-tabs > ul > li.sky-tab-content-1 { top: 60px;}
	.sky-tabs > ul > li.sky-tab-content-3 { top: 220px;}

}

@media screen and (min-width: 1200px) {
	.sky-tabs > label span span:hover { background-size: 80px;  }
	.sky-tabs > label span span {		font-size: 70px; line-height: 85px; }
	.sky-tabs > ul > li.sky-tab-content-1 { top: 80px;}
	.sky-tabs > ul > li.sky-tab-content-3 { top: 260px;}
}

@media screen and (min-width: 1600px) {
	.sky-tabs > label span span:hover { background-size: 110px;  }
	.sky-tabs > label span span {	font-size: 90px;  line-height: 120px; }
	.sky-tabs > ul > li.sky-tab-content-1 { top: 120px;}
	.sky-tabs > ul > li.sky-tab-content-3 { top: 360px;}

}

#myRoseNav.sidenav  .accordion {display: block;  padding: 0; margin: 0;   align-content: flex-start; width: 100%; margin-top: 103px;}
#myRoseNav.sidenav .accordion-header {	padding-bottom: 0;	border-bottom: 0px solid #587866;}
#myRoseNav.sidenav  .accordion .accordion-item {margin-left: 0; border-top: 0 solid #FFFFFF !important;  border-bottom: 0px solid #FFFFFF !important;}
#myRoseNav.sidenav  .accordion .accordion-item .accordion-body {	padding-left: 0; padding-top: 5px;  padding-bottom: 30px;}
#myRoseNav.sidenav  .accordion .accordion-button { color: #FFFFFF; text-transform: lowercase; font-size: 39px; padding: 10px 0px 10px 25px; font-weight: 600;  transition: all 0.4s ease; font-family: 'monarcha', sans-serif; font-style: italic; }
#myRoseNav.sidenav  .accordion  .accordion-button::after { background-image: none;}
#myRoseNav.sidenav  .accordion .accordion-content a {color: #FFFFFF; text-transform: uppercase; font-size: 15px; font-family: "Poppins", sans-serif;  font-weight: 600; display: block; transition: all 0.4s ease; background-position: bottom center;  line-height: 25px; background-size:  40px 3px; letter-spacing: 1px; padding: 0px 5px 0px 25px;}

#myRoseNav.sidenav  .accordion a.noaccordion-button {
	position: relative;	display: flex;	align-items: center; color: #FFFFFF;  font-size: 39px;  width: 100%; text-align: left;	border: 0;	border-radius: 0;	 text-transform: lowercase;  padding:10px 0 10px 25px;   font-weight: 600;  transition: all 0.4s ease; font-family: 'monarcha', sans-serif; font-style: italic;}
#myRoseNav.sidenav  .accordion .noaccordion-button:hover { text-decoration: none; }

@media screen and (min-width: 992px) {
	#myRoseNav.sidenav .accordion {display: none;}
}


@-webkit-keyframes slide-out-bottom {
	0% {		-webkit-transform: translateY(0);	transform: translateY(0);		opacity: 1;	}
	100% {		-webkit-transform: translateY(-100%);	transform: translateY(-100%);		opacity: 0;	}
}
@keyframes slide-out-bottom {
	0% {		-webkit-transform: translateY(0);	transform: translateY(0);		opacity: 1;	}
	100% {		-webkit-transform: translateY(-100%);	transform: translateY(-100%);		opacity: 0;	}
}

@-webkit-keyframes slide-in-bottom {
	0% {		-webkit-transform: translateY(-100%);	transform: translateY(-100%);		opacity: 0;	}
	100% {		-webkit-transform: translateY(0);	transform: translateY(0);		opacity: 1;	}

}
@keyframes slide-in-bottom {
	0% {		-webkit-transform: translateY(-100%);	transform: translateY(-100%);		opacity: 0;	}
	100% {		-webkit-transform: translateY(0);	transform: translateY(0);		opacity: 1;	}
}

@-webkit-keyframes slide-in-right {
	0% {		-webkit-transform: translateX(100);	transform: translateX(100);		opacity: 0;	}
	100% {		-webkit-transform: translateX(0%);	transform: translateX(0%);		opacity: 1;	}
}
@keyframes slide-in-right {
	0% {		-webkit-transform: translateX(100%);	transform: translateX(100);		opacity: 0;	}
	100% {		-webkit-transform: translateX(0%);	transform: translateX(0%);		opacity: 1;	}
}
@keyframes burger-hover {
	0% { width: 100%; }
	50% { width: 50%; }
	100% { width: 100%; }
}

@-webkit-keyframes fadeinout {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeinout {
	0% { opacity: 0; }
	100% { opacity: 1; }
}