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

Header-Navigation, Sidebar-Navigation und Footer-Navigation
2.1 Responsive Menü Desktopversion first level
2.2 Footer Navigation

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




/* 2.1 Responsive Menü Desktopversion first level
##################################################### */

nav {
	z-index: 99;
	position: absolute;
	left: 0px;
	height: auto;
	transition: all 1.0s ease;
	width: calc(100% - 10%);
	width: -moz-calc(100% - 10%);
	width: -webkit-calc(100% - 10%);
	width: -o-calc(100% - 10%);
}

@media screen and (max-width: 768px) {
	nav {
		width: 100%;
	}
}

.nav_bar {
    transition: all 1.0s ease;
    position: fixed;
    top: 0;
    width: 100%;
    height: 125px;
    z-index: 8;
    background-color: transparent;
}

.nav_bar ol, .nav_bar ul {
	list-style: none;
}

.nav_bar_small {
    background-color: white !important;
    height: 60px;
    position: fixed;
    z-index: 999;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

.overlay {
	transition: all 1.0s ease;
	top: 63px !important;
	width: 36px;
	height: 36px;
	right: 0px !important;
}

.responsive_menu_pro_button_lines {
	position: relative;
	top: 6px;
	vertical-align: baseline;
}

.overlay_small {
	top: 8px !important;
}

.btn_buchen {
	position: relative;
	top: 63px;
	right: 48px;
	transition: all 1.0s ease;
	font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	color: white;
	text-decoration: none;
	padding: 7px 20px 7px 20px;
	margin: 0 0 0 -3px !important;
	background-color: #ba348b;
	width: auto;
	white-space: nowrap;
	text-transform: uppercase;
	float: right;
	border: 0;
}

.btn_buchen:hover {
	color: white !important;
	background-color: #ffd300;
}

.btn_buchen_small {
	top: 6px;
}

.btn_bar {
	position: fixed;
	z-index: 59999;
	right: 0;
	top: 63px;
	width: 46px;
	transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
    -ms-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;

}

.btn_bar_move {
	top: 83px;
}

.btn_bar a {
	display: list-item;
	list-style-image: url(_img/spacer.png);
	background-color: #ba348b;
	width: 46px;
	height: 46px;
	margin: 0 0 2px 0;
	text-align: center;
	font-size: 22px;
	font-size: 1.325rem;
	color: white;
	line-height: 190%;
}

.btn_bar a:hover {
	background-color: #ffd300;
	color: white !important;
}

@media screen and (max-width: 768px) {
	.btn_anfrage {
		display: none !important;
	}
	
	.btn_bar {
		top: inherit !important;
		margin-top: 111px;
	}
	
	.btn_bar_move {
		top: inherit !important;
		margin-top: 80vh;
	}
}

.sub-menu {
	width: 100%;
	padding: 0;
	margin: 0;
}

.sub-menu li a {
	font-size: 16px;
	font-size: 1rem;
}

@media screen and (max-width: 768px) {	
	#responsive_menu_pro_menu li a, .responsive_menu_pro_append_link {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	
	#responsive_menu_pro_menu li a {
		font-size: 14px;
		font-size: 0.875rem;
	}
	
	.sub-menu li a {
		font-size: 12px;
		font-size: 0.75rem;
	}
}



/* 2.2 Footer Navigation
##################################################### */

.menu-footernavigation-container ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-footernavigation-container ul li {
	line-height: 180% !important;
	font-size: 12px !important; 
	font-size:0.75rem !important;
}

.menu-footernavigation-container ul li a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}

.menu-footernavigation-container ul li a:hover {
	color: white;
	text-decoration: underline;
}

#footer .btn_sm a {
	display: inline-block;
	background-color: white;
	width: 46px;
	height: 46px;
	margin: 0 0 2px 0;
	text-align: center;
	font-size: 22px !important;
	font-size: 1.325rem !important;
	color: #ba348b !important;
	line-height: 190% !important;
}

#footer .btn_sm a:hover {
	background-color: #ba348b;
	color: white !important;
}

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