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

CSS Struktur in der style.css
1.1 Webfonts für die ganze Seite
1.2 Global: Basis CSS, Anpassungen und kleine Hacks
1.3 Header Definition inkl. Navigationsrahmen (Rest der Navigation liegt in stylenavi.css)
1.4 Slider Definition
1.5 Contentelemente h1/h2/h3, p, a, Buttons, Textarea, ul, li usw.
1.6 Visual Composer & entsprechende Modifikationen
1.7 andere Plugins & entsprechende Modifikationen
1.8 wiederkehrende Blog-Elemente von Wordpress wie weiterblättern, etc.
1.9 Sidebarelemente von Wordpress, Widgets, etc.
1.10 Globale Footerangaben, FooterWidgets, etc. falls Navigation vorhanden siehe stylenavi.css


Header-Navigation, Sidebar-Navigation und Footer-Navigation
2.1 Responsive Menü Desktopversion first level
2.2 Responsive Menü Desktopversion secound level
2.3 Responsive Menü Mobilversion/Burger
2.4 Small Menu im Header
2.6 Footer Navigation
2.7 Blog Social Media Buttons

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



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

nav {
	height: auto;
}

a.active {
	color: #33aa4b !important;
}

a.active:hover {
	color: #33aa4b !important;
}

.menu-hauptnavigation-container, .menu-unterseite-container {
	/*position: absolute;
	height: 22px;
	top: 79px;
	right: 5px;
	min-width: 500px;*/
}
/*
.menu-hauptnavigation-container ul, .menu-unterseite-container ul {
	position: relative;
}
*/
.menu-hauptnavigation-container a, .menu-unterseite-container a {
	font-family: 'droid_sansbold', Helvetica, Arial, sans-serif !important;
	position: relative;
	text-align: center;
	text-decoration: none; 
	color: #931c80;
}
/*
#header_fixit .menu-hauptnavigation-container a {
	color: white;
}*/


.menu-hauptnavigation-container .current_page_item a {
	text-decoration: none;
	background-color: #931c80;
	color: white;
}
/*
#header_fixit .menu-hauptnavigation-container .current_page_item a {
	text-decoration: none;
	border: 1px solid #a1c024;
	color: white;
}*/

.menu-hauptnavigation-container ul, .menu-unterseite-container ul {
	position: relative;
	list-style: none;
	float: right;
	right: 0;
	margin: 0;
	padding: 0;
	
}

.menu-hauptnavigation-container ul li:first-child  a, .menu-unterseite-container li a {
	margin: 0 0px 0 0;
}



.menu-hauptnavigation-container ul li, .menu-unterseite-container ul li{
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(0) 
}


.menu-hauptnavigation-container li a, .menu-unterseite-container li a {
	position: relative;
	float: left;
	width: auto;
	height: 28px;
	background-color: white; 
	padding: 8px 10px 8px 10px;	
	
	box-shadow: inset 0 0 0 0 #931c80;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(0) 
}



.menu-hauptnavigation-container a:hover, .menu-unterseite-container a:hover, .menu-unterseite-container a:focus {
	text-decoration: none;
	color: white; 
	box-shadow: inset 0 100px 0  0  #931c80;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(0) 
}
/*
.sub-menu{
	display: none;
	}



.menu-hauptnavigation-container li:last-child, .menu-unterseite-container li:last-child {
	margin-right: 0;
}*/



/* 2.3 Responsive Menü Mobilversion/Burger
##################################################### */

@media screen and (max-width: 1100px) {
	.menu-hauptnavigation-container {
		display:none;
	}
	
	.header_menu li:first-child {
		display: none;
		width: 1px !important;
	}
}



/* 2.4 Small Menu im Header
##################################################### */



.header_menu {
	
		width: auto;
	list-style: none;
	float: right;
	position: relative;
	z-index: 2222 !important;
	
}

.header_menu ul{	
	
}

.header_menu li{	
	height: 44px;
	
	
	float: left;
	margin: 0 0px 0 0;
font-size:14px;
font-size:0.875rem;
position: relative;
	
}

.meta_contact{
	background-color: #fff;
	height: 44px;
	min-width: 44px;
	box-shadow: inset 0 0 0 0 #a8a7a7;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.meta_contact:hover {
		box-shadow: inset 0 100px 0 0 #a8a7a7;
}


/*
.header_menu li:first-child {
	width: auto; 
	padding: 0px !important; 
	margin: 0px !important; 
	background-color: transparent !important;
}

.header_menu li:first-child ul li {
	background-color: red;
	height: 100px;
	border: 0px;
	padding: 0;
}*/

.anfrage {

	position: relative;
	float: left;
	width: auto;
	height: 28px;
	padding: 8px 10px 8px 10px;	
	background-color: #ea5b0c;
	box-shadow: inset 0 0 0 0 #33aa4b;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	text-decoration: none !important;
	text-decoration: none;
	color: white !important; font-family: 'droid_sansbold', Helvetica, Arial, sans-serif !important;
}
.anfrage:hover {
	box-shadow: inset 0 100px 0  0  #33aa4b;
}


/*
.header_menu li:first-child {
	padding: 0px;


.header_menu li:last-child:hover {
	box-shadow: inset 0 100px 0  0  #951b81;
}

.header_menu li:last-child a{
	font-family: 'droid_sansbold', Helvetica, Arial, sans-serif;
	position: relative;
	text-align: center;
	text-decoration: none;
}
}*/

#responsive_menu_pro_button{
	border: 1px solid white;
	top: -1px !important;

}

	

.responsive_menu_pro_menu li a{
	font-family: 'droid_sansbold', Helvetica, Arial, sans-serif;
}





/* sub Menu
##################################################### */

.menu-hauptnavigation-container ul li ul {
		position: absolute;
		display: none;
		z-index: 9999;
		top: 44px;
	
	
	}
	
	.menu-hauptnavigation-container ul li:hover ul {
		display: block; 
		margin: 0; 
		left: 0px;			
		
	}


.menu-hauptnavigation-container .sub-menu li {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
		white-space: nowrap; width: 120px;
		
		
	}
	

.menu-hauptnavigation-container .sub-menu li a {
		color: white;
		padding: 8px 8px 8px 8px;
		cursor: pointer;
		text-transform: none;
		display: block;
		text-align: left; background-color: #4f4f4f; 	
		width: 100%;
	}
	
	.menu-hauptnavigation-container .sub-menu li:hover {
		cursor: pointer;
	}
	
	.menu-hauptnavigation-container .sub-menu li:hover a {
		color: white;
	}
	
	.menu-hauptnavigation-container .sub-menu .current-menu-item {
		background-color: #4b4b4b; 
	}
	
	
	.menu-hauptnavigation-container .sub-menu .current-menu-item a {
		color: white; background-color: #931c80;
	}






/* 2.6 Footer Navigation
##################################################### */

#footer .menu {
	float: left;
	position: relative; 
	margin: 0 auto;
	padding: 0; 
	list-style-type: none;
}

#footer .menu ul{
	list-style: none; 
}

#footer .menu li {
	float: left;
	position: relative; 	
	list-style: none; 		
}

#footer .menu li a{
	float: left;
	position: relative;
	padding: 4px 10px 4px 10px;
	margin: 0 0px 0 0px !important;
	list-style: none; 
	font-family: 'droid_sansbold', Helvetica, Arial, sans-serif !important;
	font-size:16px;
	font-size:1rem; 
	margin: 0 1px 0 0;	
	background-color: white;
	box-shadow: inset 0 0 0 0 #33aa4b;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	color: #33aa4b;
}

#footer .menu li a:hover{
	text-decoration: none;
		box-shadow: inset 0 100px 0 0 #33aa4b;
		color: white;
}


@media screen and (max-width: 767px) {
	#footer {
		height: auto;
	}
	
	#footer .menu {
		float: none;
	}
	
	#footer .menu li {
		float: none;
		padding: 0 5px 0 5px;
		border: 0;
	}
}


#menu-footernavigation{
	margin: 0px;
	padding: 0px 40px;
	list-style: none !important; 
	color: #009fe3;	
}

#menu-footernavigation li{
	float: left;
	margin: 0 10px 0px 0px;
	font-size:12px;
	font-size:0.75rem;
	padding: 20px 0 20px 0; 
	
}

#menu-footernavigation li a{
	color: #ffffff;
	text-decoration: none;
}

#menu-footernavigation li a:hover{
	color: #999999;
	text-decoration: none;
}



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

#menu-footernavigation li{
	
	float: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
}

	/*#footer_nav {
		padding: 40px 0 60px 0;
	}
	
	#footer_nav .footer_inner ul li {
		width: 150px !important;
		padding: 0 10px 30px 10px;
		display: inline-block;
		float: none !important;
		vertical-align: top;
	}
	
	#footer_nav .footer_inner ul li:last-child {
		width: 100% !important;
	}
	
	#footer_nav .footer_inner ul li ul li {
		padding: 0 0 0 0;
		width: auto;
	}*/
}


#sm_container {
	position: absolute;
	height: 40px;
	bottom: 0px;
	float: right;
	right: 0px;
	margin: 40px 40px 0px 40px;
}

a.ico_sm {
	display: block;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	margin: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px;
}

a.ico_twitter {
	background-image: url(_img/ico_twitter.png);
	background-color: #00aced;
}

a.ico_facebook {
	background-image: url(_img/ico_facebook.png);
	background-color: #3b5998;
}

a.ico_instagram {
	background-image: url(_img/ico_instagram.png);
	background-color: #517fa4;
}

a.ico_tripadvisor {
	background-image: url(_img/ico_tripadvisor.png);
	background-color: #307A24;
}
a.ico_youtube {
	background-image: url(_img/ico_youtube.png);
	background-color: #bb0000;
}

a.ico_googleplus {
	background-image: url(_img/ico_googleplus.png);
	background-color:  #dd4b39;
}

a.ico_twitter:hover,
a.ico_facebook:hover,
a.ico_instagram:hover,
a.ico_tripadvisor:hover,
a.ico_googleplus:hover, 
a.ico_youtube:hover
{
	opacity: 0.7;
	
}


 2.7 Blog Social Media Buttons
##################################################### 

.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:100px 0 0 0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-delicious a{background-color:#0B79E5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path{fill:#0B79E5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path{fill:#993d00}